javascript - jQuery选项卡，动态绑定到当前选定选项卡上的单击事件

Question

我正在尝试使用jQuery tabs绑定到当前选定选项卡的单击事件。我正在动态创建选项卡，所以我需要进行实时绑定。这个想法是，如果再次单击它，我想重新加载当前选项卡。

我尝试在 select 事件中进行绑定，但似乎在单击已选择的选项卡时不会触发此事件。

我还尝试了一个标准的 jQuery 实时绑定：

$('li.ui-tabs-selected').live('click', function() {
    alert('woof');
});

这似乎也不起作用，但我不知道为什么不。我只能猜测选项卡框架正在拦截点击事件。

有任何想法吗？

Answer 1

jQuery(document).ready(function() {

    jQuery(".ui-layout-center").tabs({
        show: loadTab
    });

    rootLayout = jQuery('#container').layout
           ({
               applyDefaultStyles: true,
               north__spacing_open: 0
           });

    jQuery("#tabs_div").tabs();
    loadIframe();
});

function loadTab()
{
 alert('woof');

}