jQuery触发具有相同类的mutliple div

时间:2016-06-27 18:55:40

标签: javascript php jquery html

我目前正在使用Cycle 2插件,这是我目前的代码:

jQuery(function($){
$('.cycle-slideshow').cycle('pause');
$('.cycle-slideshow').hover(function () {
    //mouse enter - Resume the slideshow
    $('.cycle-slideshow').cycle('resume');
},
function () {
    //mouse leave - Pause the slideshow
    $('.cycle-slideshow').cycle('pause');
});
});

我生成了一些具有相同类的div,如下所示(使用PHP):

for ($i=0; $i < $sizearray; $i++) { 
    echo '<li><a target="_blank" href="...">
    <div class="cycle-slideshow"<center><img src="..."></div</center></a></li>';
}

我的问题是jQuery同时触发了同一个类的所有元素,这是显而易见的,但我找不到让jQuery单独为每个div做这个的方法!

任何提示? :d

1 个答案:

答案 0 :(得分:0)

所以nnnnnn在评论中给了我答案:

我只需将代码更改为:

jQuery(function($){
$('.cycle-slideshow').cycle('pause');
$('.cycle-slideshow').hover(function () {
    //mouse enter - Resume the slideshow
    $(this).cycle('resume')
},
function () {
    //mouse leave - Pause the slideshow
    $(this).cycle('pause')
});

});