플러그인 호출을위한 Jquery 와일드 카드 선택기?

Question

간결하게하기 위해 jquery cycle plugin에 # small-cycle1, # small-cycle2 등을 선택하려고합니다. 와일드 카드를 사용하여 선택하면 모든 사이클의 호출기 탐색을 각 사이클에 기록하므로 작동하지 않는 것처럼 보입니다.

다음은 현재 문제를 해결하는 방법입니다.

 $('#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 
     }); 

선택기와 호출기에서 와일드 카드를 사용할 수 있습니까? 옵션?

Answer 1

주기 플러그인에 익숙하지 않지만이 코드는 원하는 모든 요소를 ​​선택해야합니다. '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 
    }); 
}