点击多个实例

Question

我将滑动滑块用于一系列幻灯片，在每个幻灯片（共10张）中，我放置了上一个/下一个单一来源的导航。

问题： 当我单击第一组幻灯片时，它确实起作用，但是当下一张幻灯片出现在SAME中时，上/下一个按钮不会触发。我试着做 .each()，但是没有运气。

jQuery("#arrownext").click(function(each){
    jQuery(".slick-next").click();
});

jQuery("#arrowprev").click(function(each){
    jQuery(".slick-prev").click();
});

因此，每个滑块将具有一个#arrownext和arrowprev的实例，并尝试使每个实例都可单击。

Answer 1

我将id更改为class，并且效果很好。显然，至少对于jQuery，不能具有相同ID的多个实例。

Answer 2

您可能正在重新加载页面，或者只是重新创建#arrownext和#arrowprev按钮，因为附加到初始按钮的jquery click事件不再存在。在这种情况下，请尝试以下操作。

$( "body #arrownext" ).on( "click", function(each) {
  jQuery(".slick-next").click();
}); 

$( "body #arrowprev" ).on( "click", function(each) {
  jQuery(".slick-prev").click();
});