1

我有这个只有 2 个选项卡的 jQuery UI 选项卡模型，我需要通过 Ajax 加载内容。问题是这些选项卡是在 jQuery UI 对话框中加载的并且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，但在关闭对话框并单击另一个链接后，它将不起作用，将显示相同的信息。

我怎样才能使这项工作？也许有更好的方法呢？

4

1 回答 1

1

我的问题是通过销毁closejQuery UI 对话框事件中的 jQuery UI 选项卡来解决的：

$('#tabs-movie').tabs('destroy');
于 2010-12-08T19:46:07.740 回答