主页 / 问题 / 1114830
Accepted
Atom
Asked:2020-04-24 03:45:58 +0000 UTC2020-04-24 03:45:58 +0000 UTC

对象单击事件不起作用（jquery）

  • 772

我通过 jquery 创建一个对象，给它一个类并将其插入另一个对象（这发生在按钮单击事件上），一切都很好：

var newEl4 = $('<div><img  src="krest.png"></div>');
$(newEl4).addClass('crest');
$('#task-block-1').append(newEl4);

接下来，我在单击 crest 类的对象时挂起一个事件：

$('.crest').click(function(){
            console.log(111);
        });

按下时，它不起作用。我尝试将此代码更改为：

$('img').click(function(){
            console.log(111);
        });

并且我直接在html文档中创建了一张图片（同理），而且-当你点击它时，它可以工作，但是当你点击它时，它是通过jquery创建的，它没有。可能是什么问题以及如何解决？

javascript

2 个回答

  1. Best Answer
    $('#task-block-1').on('click', '.crest', function(){
  console.log(111);
});

    或者

    var newEl4 = $('<div><img  src="krest.png"></div>');
$(newEl4).addClass('crest').click(function(){
  console.log(111);
});
$('#task-block-1').append(newEl4);
    • 0

  2. 您需要在单击主体时挂起 lysaner ，或者在初始化后（像往常一样）专门在创建的对象上挂起单击事件

    我在\之后写了，创建被转移到一行（恕我直言 -最好使用模板字符串而不是10行来创建一个剩余的）

    // before:
$('body').on('click', '#task-block-1 > .crest', ()=>{
    console.log('crest click1 before dyn creation');
});

// create:
$('#task-block-1').append(`<div class="crest"><img src="krest.png"></div>`);

// after:
$('.crest:first').click(()=>{
    console.log('crest click1');
});


$('.crest > img').click(()=>{
    console.log('img click');
});
    • 0

相关问题