Question

这是jsfiddle的链接。 http://jsfiddle.net/5U4fT/ 如果您有解决方案，请在那里进行编辑并发送链接。非常感谢！

HTML

    <html>
        <body>

           <a class="bonk" href="#">hi</a><br />
           <a class="make-new" href="#">add bonk class to dom</a><br />

        </body>
     </html>

Javascript是

   $('body').on('click', '.bonk ', function() {
       return false;
     }).each(function() {
        $('.bonk').click(function() {
            alert("hi");
         });
    });

    $(".make-new").click(function() {
        $('body').append('<a class="bonk" href="#">hi</a><br />');
     });

Answer 1

http://jsfiddle.net/5U4fT/1/

删除.each()和多余的处理程序。

$('body').on('click', '.bonk', function(){
    alert('hi');
    return false;
});
$(".make-new").click(function(){
    $('body').append('<a class="bonk" href="#">hi</a><br />');
});

jquery .on（）没有按预期工作

1 个答案: