Пользовательский интерфейс jQuery внутри ajax div

Question

У меня есть сайт со ссылками, которые выглядят так: onClick = ajax ('link.html', 'contentdiv')

но я хочу использовать вкладки jquery ui внутри contentdiv, я даже пытался поместить весь код в html, но ничего, я пытался:

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

, а также:

$((function() {

что я должен поместить в index.html и link.html, чтобы он работал? div #tabs находится внутри link.html

спасибо

Answer 1

вам больше не нужно это делать ... просто используйте метод live , который они создали в новом выпуске, он также будет работать с новым div *

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

РЕДАКТИРОВАНИЕ: если вы добавляете вкладки в содержимое ajax после щелчка, тогда выполните следующие действия:

$('.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

Мне кажется, что вы пытаетесь инициализировать вкладки до того, как они станут доступны. $ (document) .ready () из index.html произойдет задолго до того, как пользователь щелкнет ссылку и запустит ajax.

Попробуйте использовать что-то вроде этих строк, чтобы заставить метод tabify ждать, пока HTML не станет доступным.

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