jQuery UI dentro div ajax

Question

Eu tenho um site com links que olhar como este: onClick = ajax ( 'link.html', 'contentdiv')

mas eu quero usar jQuery UI guias no interior da contentdiv, eu tentei até mesmo para colocar todo o código dentro do html, mas nada, eu tentei:

$(document).ready(function() {
$("#tabs").tabs({});

e também:

$((function() {

O que devo colocar no index.html eo link.html para fazê-lo funcionar? o div #tabs está dentro do link.html

graças

Answer 1

Você não tem que fazer mais isso .. simplesmente usar método ao vivo, que eles criado em nova versão, ele vai trabalhar em um novo div também

$('.newDiv').live('click', contendDiv);

EDITADO: se a adição de guias dentro ajax conteúdo depois clique, em seguida, fazer a seguir

$('.newDiv').live('click', function () {
      // following can be ajax content or static content
      var content_div = '<div>...<div id="tab"></div..</div>';

      var selector = $(content_div);
      $(selector).find('#tab').tab({});
      return $(selector).html(); // add this in your final html content, it will have tabs ready.
});

Answer 2

Parece-me que a sua tentativa de inicializar as abas antes de estarem disponíveis. $ (Document) .ready () de index.html vai acontecer muito antes que o usuário clica no link e inicia o ajax.

Tente usar algo ao longo destas linhas para fazer a espera método tabify até o html está disponível.

onclick = ajax({
             url:     'link.html',
             success: function (html) {
                          $('#contentdiv').append(html);
                          $('#tabs, #contentdiv').tabs();
             }
          });