- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
页面上有一个值为“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/
假设我有两个名为Student和Employee的结构(或类),并且Student和Employee具有完全相同的成员。 我的问题是,为什么我不能执行以下操作: Student s; Employee
这个问题已经有答案了: 已关闭10 年前。 Possible Duplicate: Hashset vs Treeset 你可以使用 HashSet和TreeSet可以互换吗?如果我交换TreeSet
页面上有一个值为“button1”的按钮。当按下时,它必须删除自身并添加值为“button2”的新按钮。当按下“button2”时,它必须删除自身并添加“button1”回来。有点无限循环。 我知道只
以下模板 template int compute(Data d, Number n) { if(n > 10) SLOW(d) if(n (data)模板。除了代码重复,comput
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post . 关闭 8 年前。 Improve this qu
我是一名优秀的程序员,十分优秀!