jQuery触发器在第一个循环后点击循环停止

时间:2017-06-02 11:50:21

标签: javascript jquery

我正在尝试这样做,但循环在第一次触发后结束。有什么想法可以帮助我吗?

$(document).on('click', '#configurator .myalbumimgs .autofill', function(e) {

    e.preventDefault();

    var nb_of_images = $('#grid div.configimg').length;

    for (i = 0; i < nb_of_images; i++) {

        alert(i);

        $('.imgpicker .photo .add').eq(i).trigger('click');
    }

}); 

编辑1:如果我删除$('。imgpicker .photo .add'),一切正常.eq(i).trigger('click');然后让循环运行。

如果我输入一个数字,例如eq(3)选择正确的数字,但只选择那个。然后它像以前一样停止。

控制台中没有错误:S

编辑2:找到正确的解决方案,错误的元素上带有.eq的错误。谢谢你的所有建议!正确的代码:

$(document).on('click', '#configurator .myalbumimgs .autofill', function(e) {

    e.preventDefault();

    if ($(this).not('.done')) {

        var multiselector_nbimages = $('#grid').attr('data-nbimages');

        var nb_images_selected = parseInt($('#grid div.configimg').not('.temp').length);
        var max_nb_images = parseInt(multiselector_nbimages);

        if (nb_images_selected < max_nb_images) {

            var album_images = $(this).parent().parent().children('.imgpicker').children('.photo');
            var nb_of_grid_images = $('#grid div.configimg.temp').length;

            for (i = 0; i < nb_of_grid_images; i++) {

                album_images.eq(i).children('.add').not('.selected').trigger('click');;
            }

            $(this).addClass('done');

        } else {

            alert(lang_valid_max_nb_of_photos);
        }

    }

});

1 个答案:

答案 0 :(得分:-2)

jquery已经内置了每种方法。

$('#configurator .albumbtn.autofill').on('click', function(e) {

e.preventDefault();

//Iterate through every configimg
$('#grid div.configimg').each(function(el) {
// $(this) is current element in the list
   if($(this).hasClass('someclass')) { $(this).trigger('click') }
})

});