Необходимо загружать динамические ссылки на вкладки пользовательского интерфейса jQuery через Ajax - PullRequest
Новая
       44

Необходимо загружать динамические ссылки на вкладки пользовательского интерфейса jQuery через Ajax

1 голос
/ 08 декабря 2010

У меня есть эта jQuery UI Tabs модель только с 2 вкладками, и мне нужно содержимое для загрузки через Ajax. Проблема заключается в том, что эти вкладки загружаются в диалоге пользовательского интерфейса jQuery, а mid является динамическим. Я имею в виду, что диалог запускается нажатием на ссылку (которая содержит mid=X).

Код выглядит примерно так:

Javascript: 

$('.item-movie-link').each(function() {
    $(this).parent().click(function() {
        $('#tabs-movie li a[href$=info]').attr('href', $(this).attr('href') + '&op=info');
        $('#tabs-movie li a[href$=cast]').attr('href', $(this).attr('href') + '&op=cast');

        $('#dialog-movie-info').dialog('open');
        $('#tabs-movie').tabs();

        return false;
    });
});

HTML: 

<div id="dialog-movie-info">
  <div id="tabs-movie">
    <ul>
      <li><a href="#tab-info"><img src="template/images/icon-tab-movie-info.png" alt="" />Information</a></li>
      <li><a href="#tab-cast"><img src="template/images/icon-tab-movie-cast.png" alt="" />Cast List</a></li>
    </ul>
  </div>
</div>

Это работает, когда я впервые щелкаю один из этих .item-movie-link, но после закрытия диалогового окна и щелчка по другой ссылке он не будет работать, будет отображаться та же информация.

Как я могу заставить эту работу? Может быть, есть лучший подход к этому?

1 Ответ

1 голос
/ 08 декабря 2010

Моя проблема была исправлена ​​путем удаления вкладок пользовательского интерфейса jQuery в событии close диалогового окна пользовательского интерфейса jQuery: 

$('#tabs-movie').tabs('destroy');
...