Необходимо загрузить вкладки пользовательского интерфейса jQuery, ссылки на динамический контент через Ajax
-
10-10-2019 - |
Вопрос
У меня есть эта модель вкладок пользовательского интерфейса jQuery всего с 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
's, но после закрытия диалогового окна и перехода по другой ссылке это работать не будет, будет отображаться та же информация.
Как я могу заставить это работать?Может быть, есть лучший подход к этому?
Решение
Моя проблема была исправлена путем уничтожения вкладок пользовательского интерфейса jQuery на close
событие диалогового окна пользовательского интерфейса jQuery:
$('#tabs-movie').tabs('destroy');