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

发布于 2024-09-17 18:27:37 字数 413 浏览 10 评论 0原文

我正在尝试使用 jQuery 选项卡。我正在动态创建选项卡，因此我需要进行实时绑定。我的想法是，如果再次单击当前选项卡，我想重新加载当前选项卡。

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

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

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

这似乎也不起作用，但我不明白为什么不可行。我只能猜测选项卡框架正在拦截单击事件。

有什么想法吗？

原文

I'm trying to bind to the click event of the currently selected tab with jQuery tabs. I'm dynamically creating tabs so I need to do live binding. The idea is that I want to reload the current tab if it's clicked on again.

I tried binding in the select event, but it seems this event doesn't fire for click on the already selected tab.

I also tried a standard jQuery live binding:

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

this doesn't seem to work either, but I can't work out why not. I can only guess the tab framework is intercepting the click event.

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

十秒萌定你 2024-09-24 18:27:37

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');

}

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');

}

回复收藏 0 原文

~没有更多了~