手动触发div的click事件

Question

我有一个div有很多div.when绑定divs我为每个项目创建点击事件,如下所示

    jQuery.each(opts.items, function (i, item)
                    {
                        var image = opts.image;
                        jQuery('jQuery('<div class="' + opts.optionClassName + opts.controlId + '" id="' + item.key + '" ><img src="' + image + '" alt="checkbox" />' + item.value + '</div>')
                                .click(function ()
                                {')
                                        .click(function ()
                                        {

    //code goes here

    }

当在UI中单击div时会触发,但是当我尝试手动执行时它不会被触发.任何关于如何触发的帮助都会很棒.我硬编码div值并尝试调用但没有用.

   var id1 = 'Car';
    var id2 = 'Bus';
    $('div class="CList" id="1" >' + id1 + '</div>').trigger('click');
    $('div class="CList" id="3" >' + id2 + '</div>').trigger('click');

即使这样

    var id1 = 'Car';
    var id2 = 'Bus';
    $('div class="CList" id="1" >' + id1 + '</div>')[0].click();
    $('div class="CList" id="3" >' + id2 + '</div>')[0].click();

Answer 1

你拥有的不是有效的选择器.你将几乎是HTML的东西传递给了jQuery函数,所以它不知道如何处理它.

如果您的元素的ID是1和3,那么您只需:

$('#1, #3').trigger('click');

也许更好的方法是,如果你想模拟每一个上的点击,就是再次迭代你的集合:

jQuery.each(opts.items, function(i, item) {
    $('#' + item.key).trigger('click');
});