jquery事件不适用于动态元素

时间:2016-10-17 17:51:22

标签: jquery

点击按钮我正在添加动态元素,例如:具有一些id的锚标签, 单击动态元素警报时应打开未发生的事件。

<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>

1 个答案:

答案 0 :(得分: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....');
});

问题是你的事件没有附加到元素上。