Question

追加div onclick后无效。请帮帮我。

jQuery(document).ready(function() {
    jQuery(".chack").click(function(){
        jQuery( "#pc_form" ).append('<br><div class="apply">apply</div>');
    });

    jQuery(".apply").click(function(){  
        alert();    
    }); 
});

<div class="pc_form" id="pc_form">  
    <div class="apply">apply here</div>
</div>
<br /><br />
<div class="chack">click</div>

Answer 1

$('#pc_form').live("click", ".apply", function() {  alert(); });

直播活动工作

Answer 2

您需要使用事件委派将事件附加到动态添加的元素：

jQuery("body").on('click','.apply',function(){  
   alert('tst');    
});

Answer 3

使用jquery添加div.apply，您必须将事件绑定到它。尝试使用 -

jQuery( "#pc_form" ).append('<br><div class="apply">apply</div>').bind('click', function(e) {
   e.stopPropagation();
   alert('hello');
})

在点击不工作时附加div

3 个答案: