Question

我有以下jquery用于在我的网站上创建标签（包含在文档就绪功能中）：

$('#understanding-water-management').tabs({
    select: function(event, ui) {
        alert('hi');
    }
});

但是，在我的网站上，选项卡更改时未触发选择功能。我已经创建了一个fiddle，但这可以正常工作（它会在更改标签时发出警告）。

两个网站之间的唯一区别是，在我自己的网站上，我使用了较轻的jQuery UI版本，我只下载了Core，Widget（来自UI Core）和Tabs（来自Widgets）选项。有没有其他选项我需要下载以使上面的select函数工作 - 我不想使用完整的jQuery UI，因为我需要的是标签，所以想要使我的js文件尽可能小可能的

Answer 1

尝试将代码包装在DOM ready handler $(function() {...});中，以确保在执行jQuery代码之前正确加载所有DOM元素：

$(function() {
    $('#understanding-water-management').tabs({
        select: function(event, ui) {
            alert('hi');
        }
    });
});

您的jsFiddle有效，因为默认情况下，当您包含jQuery时，他们已经为您做了以上部分。

Answer 2

jQuery UI 1.10将select更改为beforeActivate（如果您希望在选择选项卡之前触发该功能）或activate（如果您希望它在选项卡之后触发）被选中）

尝试

$('#understanding-water-management').tabs({
    beforeActivate: function(event, ui) {
        alert('hi');
    }
});

jQuery UI选项卡选择功能不起作用

2 个答案: