Question

我想添加click个事件做动态创建的元素。我如何使用JQuery做到这一点？

$(function() {
   $('.class').after('<a href="#" onclick="displayHideBox('1'); return false;">Text</a>');
});

Answer 1

试试：

$(function() {
   $('.class').each(function(){
    // construct link-OBJECT! here
    var link = $('<a />').attr('href', '#').click(function(){ displayHideBox('1'); }).text('Text');
    // insert link after ".class"-element
    $(this).after(link);
   });
});

Answer 2

我如何在jquery中点击工作？

我认为你问的问题是“如何将点击事件添加到动态添加的元素中”，对吧？

让我们说你的标记是这样的：

<div id="someContainer">
    <p class="class">asdasd</p>
    <a href="#" class="newLink">Text</a>
</div>

如果是这样，您可以像这样使用.on()：

$("#someContainer").on('click','a.newLink', function() {
    displayHideBox('1');
    return false;
});

Answer 3

你可以试试这个

$(function(){
    $('<a />', { href: '#', text: 'Text', click: function(e){ 
            e.preventDefault();
            displayHideBox('1'); 
        }
    }).insertAfter('.class');
});

DEMO

如何在JQuery中添加单击事件以动态添加元素？

3 个答案: