jQuery工具选项卡有一点问题

时间:2010-10-15 10:25:43

标签: jquery

我使用此脚本启用标签。

$(function() {
    // setup ul.tabs to work as tabs for each div directly under div.panes
    $("ul.tabs").tabs("div.panes > div.theme-wrap", {
    effect: 'fade',
    //fadeInSpeed: 200,
    fadeOutSpeed: 400,
    rotate: true
    }).slideshow({autoplay: true, interval: 5000});
});

问题在于......我希望窗格内的PARENT div(.theme-wrap)只能旋转。因为主题包装本身包含DIV。问题是,当我点击.theme-wrap DIV中的任何地方时,标签会被切换..但我想禁用它。

即使是演示: http://flowplayer.org/tools/demos/tabs/slideshow.htm

单击幻灯片元素上的任何位置时,它会旋转。我想禁用这种行为,因为我在每个幻灯片元素中都有可点击链接,如果鼠标位于幻灯片容器之外,我希望仅使用“自动播放”应用旋转。

这可能吗?

非常感谢。

1 个答案:

答案 0 :(得分:5)

答案在documentation for the slideshow

$(function() {
    $("ul.tabs").tabs("div.panes > div.theme-wrap", {
        effect: 'fade',
        //fadeInSpeed: 200,
        fadeOutSpeed: 400,
        rotate: true
    }).slideshow({autoplay: true, interval: 5000, clickable: false});
});

您必须将“clickable:false”传递给幻灯片。 jQuery Tools插件有很好的文档,你应该首先查看你可能遇到的任何其他问题。