生成されたIDのjQueryスライダを動作させるには？

Question

I作成した自動IDを生成し、このような

GALLARY項目-0、ギャラリー項目1、としてギャラリーアイテム1

などPHP有します。 jQueryを設定して各IDのスライダーを開始する方法。 ここに書いたコードはありますが、最初のIDに対してのみ動作します。それだけでsetTimeoutのように、一度発生しますので

var i = 0; 
sleepTime = setInterval(function() { 
    var id = $(this).attr("id");   
    $('#gallery-item-'+i).ionImageSlider({ 
     slideWidth: 150, 
     minSlides: 2, 
     maxSlides: 10, 
     moveSlides: 1, 
     slideMargin: 50, 
     pager: false 
    }); 
    i++; 
    clearInterval(sleepTime); 
}, 3000); 
}); 

Answer 1

は、あなたがそれを呼び出しているclearInterval(sleepTime)を呼び出さないでください。

IDがgallery-itemで始まるすべてのアイテムの数を持つ変数を作成し、カウントに達するとハンドラでclearIntervalを呼び出します。

var i = 0, 
total = $('[id^="gallery-item-"]').length, 
sleepTime = setInterval(function() { 
    $('#gallery-item-'+ i).ionImageSlider({ 
     slideWidth: 150, 
     minSlides: 2, 
     maxSlides: 10, 
     moveSlides: 1, 
     slideMargin: 50, 
     pager: false 
    }); 
    i++; 
    if (i == total - 1) { 
     clearInterval(sleepTime); 
    }  
}, 3000); 

Answer 2

タイマーを使用する予定は明確ではありません.3秒後にすべてを表示するか、3秒後にすべてを表示します。タイマーなし

：

for (var i=0;i<2;++i) { 
    $('#gallery-item-'+i).ionImageSlider({ 
     slideWidth: 150, 
     minSlides: 2, 
     maxSlides: 10, 
     moveSlides: 1, 
     slideMargin: 50, 
     pager: false 
    }); 
} 

単一のタイマー付：mutlipleタイマー付き

setTimeout(function() { 
    ... same code as above ... 
}, 3000); 

：

for (var i=0;i<2;++i) { 
    var loopI = i; 
    setTimeout(function() { 
     $('#gallery-item-'+loopI).ionImageSlider({ 
      slideWidth: 150, 
      minSlides: 2, 
      maxSlides: 10, 
      moveSlides: 1, 
      slideMargin: 50, 
      pager: false 
     }); 
    }, 3000 + (i+1)); 
} 

あなたは最高のアイテムを取得することができます（コードで2上記の）あなたのPHPから、またはコメントのようにセレクタを使用します。