gpt4 book ai didi

jQuery:Div 与 jQuery 互换

转载 作者:行者123 更新时间:2023-12-01 06:35:33 25 4
gpt4 key购买 nike

页面上有一个值为“button1”的按钮。当按下时,它必须删除自身并添加值为“button2”的新按钮。当按下“button2”时,它必须删除自身并添加“button1”回来。有点无限循环。

我知道只需更改按钮的值或至少使用“detach()”函数即可完成此操作,但这是我目前正在尝试实现的网站中问题的最简单情况我必须通过按钮交换两个充满数据的“div”。

所以,回到问题,问题是“button1”工作正常,“button2”什么也不做。如果您能提供一些帮助,我们将不胜感激。

index.html

<!DOCTYPE html>
<html>

<head>
<script src = "http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src = "script.js" type = "text/javascript"></script>
</head>


<body>
<div id = "div1">
<input type = button id = "button1" value = "button1" />
</div>
</body>

</html>

script.js

$(document).ready (function() {
$("#button1").click (function() {
$("body").append ("<div id = 'div2'></div>");
$("#div2").append ("<input type = button id = 'button2' value = 'button2' />");
$("#div1").remove();
});

$("#button2").click (function() {
$("body").append ("<div id = 'div1'></div>");
$("#div1").append ("<input type = button id = 'button1' value = 'button1' />");
$("#div2").remove();
});

});

最佳答案

#button2 未响应 click,因为它在绑定(bind) click() 事件时不存在。

您可以通过绑定(bind).on()来解决这个问题

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

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

关于jQuery:Div 与 jQuery 互换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17215177/

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