調用插件的Jquery通配符選擇器？

爲了保持簡短，我試圖爲jquery循環插件選擇＃small-cycle1，＃small-cycle2等。使用通配符來選擇它似乎沒有用，因爲它將ALL循環的尋呼機導航欄寫入每個循環。調用插件的Jquery通配符選擇器？

下面是我現在解決問題的方法。

 $('#small-cycle1').cycle({ 
      speed:  0, 
      timeout:  0, 
      pager:  '#nav1', 
      pagerEvent: 'mouseover', 
      pauseOnPagerHover: true 
     }); 
     $('#small-cycle2').cycle({ 
      speed:  0, 
      timeout:  0, 
      pager:  '#nav2', 
      pagerEvent: 'mouseover', 
      pauseOnPagerHover: true 
     }); 
     $('#small-cycle3').cycle({ 
      speed:  0, 
      timeout:  0, 
      pager:  '#nav3', 
      pagerEvent: 'mouseover', 
      pauseOnPagerHover: true 
     }); 
     $('#small-cycle4').cycle({ 
      speed:  0, 
      timeout:  0, 
      pager:  '#nav4', 
      pagerEvent: 'mouseover', 
      pauseOnPagerHover: true 
     }); 
     $('#small-cycle5').cycle({ 
      speed:  0, 
      timeout:  0, 
      pager:  '#nav5', 
      pagerEvent: 'mouseover', 
      pauseOnPagerHover: true 
     });

是否可以使用通配符在選擇和尋呼機：選擇嗎？

來源

2013-04-17 Sean

我不熟悉循環插件，但是這段代碼應該選擇你想要的所有元素。只需將「cycleCount」設置爲您在頁面上顯示的幻燈片數量，它將循環瀏覽它們。

var cycleCount = 5; 
for(var i = 1; i <= cycleCount;i++){ 
    $('#small-cycle'+i).cycle({ 
     speed:  0, 
     timeout:  0, 
     pager:  '#nav'+i, 
     pagerEvent: 'mouseover', 
     pauseOnPagerHover: true 
    }); 
}

來源

2013-04-17 22:11:01 Joe

我做了一個jfiddle演示：http://jsfiddle.net/vfxTT/ – Simon

這個工程。我想知道如果我可以把var cycleCount = 999;或者如果這會減慢頁面的速度？它不應該超過5 ...但是如果我需要將其限制爲實際需要的任何值，我可能只需要我們的程序員跟蹤所需的數量並將其輸入到cycleCount中。 – Sean

如果您將計數設置爲高於div的可用數量，那麼它會減慢一點。你可以爲每個'＃小週期'添加一個類，例如'.cycle-wrap'然後將cycleCount設置爲'$（「.cycle-wrap」）.length'。這樣你永遠不需要手動更新號碼。 – Joe

調用插件的Jquery通配符選擇器？

回答

相關問題