天天看點

Js/JQuery為動态添加的元素添加綁定事件

click例子

$('父元素').on('click', '子元素', function(){})

此時動态加載出來的元素一定要在$(‘父元素’)裡面,否則綁定事件失效。換句話說,本應該綁定A元素,但是A元素是動态生成的,是以jq應該擷取A元素的父元素來監聽A元素是否發生click事件。 

舉個例子

<!DOCTYPE html>
<html>
<head>
    <title>js/jq 動态添加的元素不能觸發綁定事件解決方案</title>
</head>
<script src="https://cdn.bootcss.com/jquery/1.9.0/jquery.js"></script><body>
<button>添加a标簽</button>
<div class="a-Box">
    <a href="javascript:;" target="_blank" rel="external nofollow"  class="alt">My name is</a><br>
</div>
</body>
</html>