我有一个表格,当我附加另一个字段时,我不能在我的其他功能中使用它.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".registerNums").click(function(){
$("#hello").append('<input type="button" value="register" class="inputMems">');
});
$(".inputMems").click(function(){
alert("hi")
});
});
</script>
</head>
<body>
<div>
<form>
<div id="hello"></div>
<input type="button" value="register mems" class="registerNums">
</form>
</div>
</body>
</html>
看我的inputMems按钮不起作用:http://jsfiddle.net/Yelesee/3uecqLxn/
Ari*_*rty 10
要绑定您需要使用的动态内容中的事件
$(parent_selector).on(event, selector, callback);
因此,基本上它将事件添加到父元素并检查e.target并触发事件(如果它与您的选择器匹配).
所以,在你的情况下,你可以使用,
$('#hello').on('click', '.inputMems', function(){
///do here
});
您可以做的另一件事是在创建新dom 之后附加事件侦听器.
| 归档时间： |
|
| 查看次数： |
232 次 |
| 最近记录： |