2016-10-17 70 views
0

点击按钮我添加动态元素例如:锚点标签有一些ID, 点击动态元素警报应该打开哪些没有发生。jquery事件不适用于动态元素

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 

    $("#submit").on("click",function(){ 
     $("#op").html("<a href='javascript:void(0)' id='demo'>Click</a>"); 
    }); 
    $("#demo").on("click",function(){ 
     alert('In Demo....'); 
    }); 
}); 

</script> 
</head> 
<body> 
<button id="submit">Submit</button> 
<pre id='op' ></pre> 
</body> 
</html> 
+3

[动态创建元素上的事件绑定?]可能重复?(http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements) – Azim

回答

2

试试这个

$(document).on("click","#submit",function(){ 
    $("#op").html("<a href='javascript:void(0)' id='demo'>Click</a>"); 
}); 

$(document).on("click","#demo",function(){ 
    alert('In Demo....'); 
}); 

的问题是,您的活动未连接到的元素。

+0

真棒@Kinshuk Lahiri – Raman

+0

@Raman很高兴帮助:) –

+0

@KinshukLahiri,如果你想添加多个,你使用的ID那里id ='demo' – EaBangalore

相关问题