Jquery ui 基于每个选项卡设置jQuery UI选项卡持续时间/时间

Jquery ui 基于每个选项卡设置jQuery UI选项卡持续时间/时间,jquery-ui,jquery-tabs,Jquery Ui,Jquery Tabs,如何设置幻灯片/选项卡在每个选项卡上显示的“印象”或时间 我从数据库中提取所有内容,并将每个内容上的“itemid”设置为要显示的数据库值time。我正在使用jquery-ui-tabs-rotate.js并使用.tabs('rotate')函数 初始化内容旋转的主脚本: $("#featured").tabs({ fx: [{ height: 'toggle', opacity: 'toggle', duration: 'slow' }, { opacity:

如何设置幻灯片/选项卡在每个选项卡上显示的“印象”或时间

我从数据库中提取所有内容,并将每个内容上的“itemid”设置为要显示的数据库值time。我正在使用jquery-ui-tabs-rotate.js并使用.tabs('rotate')函数

初始化内容旋转的主脚本:

    $("#featured").tabs({
    fx: [{ height: 'toggle', opacity: 'toggle', duration: 'slow' },
         { opacity: 'toggle', duration: 'fast' }],
    select: function (event, ui) {
        var $panel = $(ui.panel);

        if ($panel.is(":empty")) {
            var tabID = "#ui-tabs-" + (ui.index + 1);
            $(tabID).html("<b>Fetching Data.... Please wait....</b>");
        }
    }
}).tabs('rotate', 2000, true);

除非重新初始化tabs(),否则更改duration参数不会产生效果。您可能不需要使用旋转函数,而是使用特定的值构建自己的函数。谢谢@isherwood,我怀疑这一点。
    /* logic here to determine duration of tab */
$("#featured").bind("tabsselected", function (event, ui) {
    $(this).tabs({
        fx: [{ height: 'toggle', opacity: 'toggle', duration: 'slow' },
             { opacity: 'toggle', duration: 'fast' }],
    }).tabs('rotate', $('#nav-fragment-' + (ui.index + 1)).attr('itemid'), true)
});