Question

我在同一页面上有两个jQuery Cycle插件实例。单独使用，它们都可以正常工作。一起使用，我得到一个错误，阻止他们工作。

我看不出如何使用each（）函数，因为两个实例的选项不同。

$('#preview .cycle').before('<div class="pager">').cycle({ 
    fx:    'fade', 
    speed:  800,
    timeout: 5000,
    pager:  '.pager',
    pauseOnPagerHover: 1
    });

$('#switcher .cycle').before('<div class="pager">').cycle({ 
    fx:    'scrollHorz', 
    speed:  1500,
    timeout: 0,
    pager:  '.pager',
    pauseOnPagerHover: 1
    });

Javascript控制台错误消息显示：

Uncaught TypeError: Cannot read property 'cycleW' of undefined

当一起使用时，第一个工作正常，但第二个抛出错误。如果单独使用，第二个工作正常。

如何才能让jQuery Cycle的两个实例发挥得更好？

Answer 1

您是否尝试过以下内容？

var countit = 0;
$('.cycle').each(function() {
  var thenav = $('<div class="pager"></div>').insertBefore(this);
  countit++;
  if (countit == 1){
    $(this).cycle({
      fx:    'fade', 
      speed:  800,
      timeout: 5000,
      pager:  thenav,
      pauseOnPagerHover: 1
    });
  } else {
    $(this).cycle({
      fx: 'scrollHorz', 
      speed: 1500,
      timeout: 0,
      pager: thenav,
      pauseOnPagerHover: 1
    });
  }
});

错误包括相同脚本中的两个jQuery Cycle插件？

1 个答案: