在每个选项卡的基础上设置jQuery UI选项卡持续时间/时间

时间:2013-12-18 17:46:28

标签: jquery-ui jquery-tabs

如何根据每个标签设置幻灯片/标签的“展示次数”或时间?

我从数据库中提取了所有内容,并将每个内容的'itemid'设置为要显示的数据库值时间。我正在使用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);

尝试在此设置每张幻灯片的持续时间:

    /* 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)
});

0 个答案:

没有答案