gpt4 book ai didi

javascript - 追加后 jQuery 事件不起作用

转载 作者:行者123 更新时间:2023-11-29 20:56:14 25 4
gpt4 key购买 nike

<分区>

我正在尝试构建我的第一个“严肃”网页。我刚刚开始,我坚持在新的 div 部分应用旧的事件监听器。我想在 $(".novo").append("new div ..") 上应用所有旧的监听器我曾尝试使用 on() 函数,但它似乎不起作用。而且我在添加新列表时也遇到了问题。它添加到每个当前的 div。我只想在点击的 div 上添加它。

<body>
<button class="novo">Novo</button>
<div class="container">
<div class="grupa">
<h1>To-Do List<span id="form"><i class="fas fa-edit"></i></span></h1>
<input type="text" placeholder="Add New Todo">
<ul>
<li><span><i class="fas fa-trash-alt"></i></span> Sabah</li>
</ul>
</div>
<script type="text/javascript" src="Assets\JS\projekt.js">
</script>
</body>

jS:

$("ul").on("click", "li", function(){
$(this).toggleClass("completed");
});
$("ul").on("click", "span", function(event){
$(this).parent().fadeOut(500, function(){
$(this).remove();
});
event.stopPropagation();
});
$("input[type='text']").keypress(function(key){
if(key.which === 13){
var todoText = $(this).val();
$("ul").append("<li><span><i class='fas fa-trash-alt'></i></span> " + todoText + "</li>");
}
});
$("#form").click(function(){
$("input[type='text']").fadeToggle(150);
});
$(".novo").on("click", function(){
$(".container").append("<div class='grupa'><h1>To-Do List<span id='form'><i class='fas fa-edit'></i></span></h1><input type='text' placeholder='Add New Todo'><ul><li><span><i class='fas fa-trash-alt'></i></span> Sabah</li></ul></div>");
});

谢谢!!

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