用jquery简单追加问题
[英]simple append issue with jquery
问题描述
我有一个简单的问题。 我的JS代码是这样的，但是当我尝试向<div>添加新的元素或内容时，它会快速上升。 我不知道为什么。
我怎么能避免这个？
<head>
$(document).ready(function () {
$('#mybtn').click(function () {
$('#main').append('<button id ="mm" onclick="myfun()">generate code my fun.</button>');
});
});
</head>
<body>
<form id="form1" runat="server">
<button id ="mybtn">generate code</button>
<div id="main"></div>
</form>
</body>
3 个解决方案
解决方案1
1 2013-11-14 11:50:53
尝试这个：
$('#mybtn').click(function (e) {
e.preventDefault();
$('#main').append('<button id ="mm" onclick="myfun()">
generate code my fun </button>');
return false;
});
解决方案2
1 已采纳 2013-11-14 11:57:12
您应该通过将按钮的type设置为按钮的type来停止提交表单中的button 。
示例：
<button type="button" id="mybtn">generate code</button>
<button>元素的默认类型是submit。 这导致您的<FORM>标记提交。
解决方案3
0 2013-11-14 12:00:07
试试：
$('#mybtn').click(function (event) {
event.preventDefault();
$('#main').append('<button id ="mm" onclick="myfun()"> generate code my fun </button>');
});
preventDefault ： 如果 preventDefault 此方法，则不会触发事件的默认操作。
jQuery追加问题
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.