2010-10-15 46 views
0

我使用这个脚本来启用标签。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)只能旋转。因为theme-wrap包含DIV本身。问题是,当我点击.theme-wrap DIV中的任何地方时,标签切换了..但我想禁用它。

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

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

这可能吗?

非常感谢。

回答

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

你必须 “点击:假” 传递到幻灯片。 jQuery Tools插件具有良好的文档,您应该首先查看您可能遇到的任何其他问题。

+0

我试图找到没有运气的文档,你能指导我吗? – 2010-10-15 11:53:36

+0

@Ahmad您需要的一切应该在这里:http://flowplayer.org/tools/documentation/index.html。它有点杂乱无章,但您可以通过右侧面板导航,列出每个工具(及其可选插件)。 – Intelekshual 2010-10-15 17:15:32