自定义jquery选项卡问题

时间:2011-04-20 09:21:17

标签: javascript jquery jquery-ui

请检查http://jsfiddle.net/w3father/4Z7pe/

我想在用户点击时显示标签内容(没有时间延迟)但是自动播放需要时间延迟

1 个答案:

答案 0 :(得分:0)

请遵循以下几点:

  • 为userInteraction实现一个局部变量
    • 如果用户点击您的链接,则将此变量设置为true
    • 如果此变量为真,则您的间隔方法应该如何? - >什么!
    • 停止所有正在发生的动画并最小化每个标签而不是点击的

我认为这些想法应该会有所帮助。如果您还有其他问题,请询问。

尝试将代码分开一点。 Javascript也是以对象为导向的!

/编辑:

让我为你抽象一点:

var currTab;
var userInteraction;
function intervalAction() {
    if (userInteraction) return;
    else showTab(currTab++);
}

function showTab(tab) {
    // stop running animations
    // hide every tab
    // show the tab that is wanted
}

使用您已编写的代码并将其放入其中。再次将其上传到jsfiddle并让我看到您的结果。