jQuery ui 选项卡不旋转答案

【问题标题】：jQuery ui tabs don't rotatejQuery ui 选项卡不旋转
【发布时间】：2012-02-22 14:46:19
【问题描述】：

我在我的页面上添加了 jquery-ui 选项卡

    var verticalTabs = $("#tabs-vertical");

    verticalTabs.tabs({
        fx: { opacity: 'toggle', duration: '2000' },
        show: function (event, ui) {
            var shownTab = $("#someId");

            if (false == shownTab.hasClass("someClass")) {
                shownTab.addClass("someClass");
            }
        }
    }).tabs("rotate", 5000, true).show();

当标签显示时，我在面板中添加了一些描述背景图像的 css 类，以提供某种延迟加载。这仅在 FF 中打开 firebug 控制台时有效。其他浏览器向我展示了相同的行为。当我单击选项卡时，它会按照我的预期向我显示我的“div”元素的背景，但它不会旋转我的选项卡。

UPD。调试显示我的处理程序每 5 秒调用一次，但浏览器不想重新呈现应用的更改。

任何想法为什么它不能正常工作？

【问题讨论】：

标签： jquery jquery-ui

【解决方案1】：

hasClass 和 addClass 方法期望类没有句点。

var verticalTabs = $("#tabs-vertical");

verticalTabs.tabs({
    fx: { opacity: 'toggle', duration: '2000' },
    show: function (event, ui) {
        var shownTab = $("#someId");

        if (false == shownTab.hasClass("someClass")) {
            shownTab.addClass("someClass");
        }
    }
}).tabs("rotate", 5000, true).show();

我想知道这是否会有所帮助。

【讨论】：