gpt4 book ai didi

javascript - html 标签在 Javascript 中不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 13:35:41 24 4
gpt4 key购买 nike

我有一个表单,当我向它附加另一个字段时,我不能在我的其他函数中使用它。

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

最佳答案

在动态内容中绑定(bind)事件你需要使用

$(parent_selector).on(event, selector, callback);

因此,本质上它会将事件添加到父元素并检查 e.target 并在匹配您的选择器时触发事件。

因此,在您的情况下,您可以使用,

$('#hello').on('click', '.inputMems', function(){
///do here
});

您可以做的另一件事是在创建新 dom 之后附加事件监听器。

关于javascript - html 标签在 Javascript 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51765141/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com