jQuery ui标签不旋转

时间:2012-02-22 14:46:19

标签: jquery jquery-ui

我在页面上添加了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秒后调用,但浏览器不想重新呈现应用的更改。

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

1 个答案:

答案 0 :(得分:0)

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

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