gpt4 book ai didi

javascript - jquery.on ("click")无法按我的预期工作

转载 作者:行者123 更新时间:2023-11-28 16:05:07 26 4
gpt4 key购买 nike

我正在构建一个网络应用程序。该网络应用程序的主导航是使用 jquery 刷新的,但刷新后 jquery 事件不起作用。

“on 按钮”有一个通过 .on 绑定(bind)到它的 jquery 事件,每次单击它都会附加一个段落。 “重置按钮”添加了另一个“打开按钮”,但 jquery 事件不适用于它。

我使用了 .on 方法来避免当文档准备好时第二个“on 按钮”不在 DOM 中。

这是一个简单的例子:

example on jsFiddle

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>blub</title>

<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {

$(".reset").click(function() {
$("nav").append('<button class="on">test</button>');
})

var count = 0;
$(".on").on("click", function(){
$(".cont").append("<p>Another paragraph! "+(++count)+"</p>");
});

});
</script>
</head>

<body>
<button class="reset">reset</button>
<nav>
<button class="on">test</button>
</nav>
<div class="cont"></div>
<script>

</script>
</body>
</html>

最佳答案

.on 并不是 .live 的直接替代品,它的语法略有不同。如果你想让它影响稍后添加到 DOM 的元素,你需要像这样使用它:

$(document).on('click', '.on', function(){
});

关于javascript - jquery.on ("click")无法按我的预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15371528/

26 4 0
文章推荐: javascript - 如何知道在大量代码中正在执行哪个 java 脚本函数?
文章推荐: html - 将宽度为 100% 的
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com