Question

我正在试验YUI3 TabView组件。使用此example，如何禁用其中一个选项卡（可能使用Tab对象）？我试图找到不同的示例，但only few that I found仅显示了如何实际创建标签。

更新

我尝试了以下内容：

tabview.item(1).disable();

但是该选项卡仍然可以点击并保持正常状态，尽管类'yui-tab-disabled'被添加到li元素。

更新2：

我设法使用以下代码禁用第二个标签：

tabview.item(1)
    .disable()
    .on('selectedChange', function () {
        return false;
    });

现在的问题是：如何再次启用标签？

Answer 1

解决！要禁用和启用字段，必须在TabView声明后包含以下代码段：

tabview.on('tab:click', function (e) {
    //  Prevent the browser from navigating to the URL specified by the 
    //  anchor's href attribute.
    if (e.target.get('disabled')) {
        e.preventDefault();
        e.domEvent.preventDefault();
    }
});

可以查看完整示例here。

YUI3 - 选项卡的修改

1 个答案: