0

我想要两个 .scrollable() 函数并有两个 .navigator() 实例；

我的页面：（请参阅底部的滚动条）http://tinyurl.com/69r4bth

我的JS

<script type="text/javascript">
$(function() {
    $(".scrollable").scrollable({
        circular: true,
        easing: 'easeInOutQuad',
        speed: 700
    }).autoscroll({
        autoplay: true,
        interval: 4000
    }).navigator();
    $(".scrollabler").scrollable({ //"scrollabler - note with the r at end
        circular: true,
        easing: 'easeInOutQuad',
        speed: 700
    }).autoscroll({
        autoplay: true,
        interval: 4000
    }).navigator();
});
</script>

问题是按钮和滑块不适用于右侧的第二个滚动条。希望能在 1 小时内快速修复截止日期！

4

3 回答 3

0

也许这会起作用：

<script type="text/javascript">
$(function() {
    //changed line
    $(".scrollable,.scrollabler").scrollable({
        circular: true,
        easing: 'easeInOutQuad',
        speed: 700
    }).autoscroll({
        autoplay: true,
        interval: 4000
    }).navigator();
});
</script>

编辑：删除了相同的班级建议

于 2011-10-05T15:00:54.043 回答
0

对于初学者，您会收到一个 JavaScript 错误：

i.position() 为空 [Break On This Error] 0)return b;if(!c.circular&&a<0||a>b.ge...(b).bind(d,c[d]); b[d]=函数(h){h&&

...指向 jquery.tools.min.js

在 HTML 的底部，您有一些 JavaScript（我想是为了让两个可滚动区域都工作），其结尾为：

$(".scrollabler").scrollable({ circular: true }).navigator("#navix");

不知道你想用它来完成什么。

查看可滚动的文档，他们对同一页面上的所有可滚动元素使用相同的类。如果您需要区分可滚动和可滚动，只需使用不同的 ID 并执行“您需要做的特殊事情：分开。

除此之外，对同一页面上的所有可滚动项目使用相同的类名。

http://flowplayer.org/tools/demos/scrollable/multiple-scrollables.html

于 2011-10-05T15:01:04.403 回答
0

这些元素在 DOM 中是否处于同一级别？

根据文档：

现在，每个可滚动项都使用默认选择器 .next 和 .prev 来查找导致返回多个元素的导航元素。我们如何知道哪个导航元素控制哪个可滚动？可以通过将每个可滚动及其导航操作包含在相互包装元素中来解决该问题。

http://www.jquerytools.org/documentation/scrollable/

我还没有尝试过，但是像这样设置你的元素可能会起作用：

<div class='navi'>...navitems...</div>
<div class='scrollable'>
   <div class='pages'>
       ...scrollable items...
   </div>
</div>
<div class='wrapper'>
  <div class='navi'>...navitems...</div>
  <div class='scrollabler'>
     <div class='pages'>
       ...scrollable items...
     </div>
  </div>
</div>
于 2012-05-23T15:29:32.877 回答