无需多说上前端
我们两个页面原本存在的button可以正常的在一个div里边添加内容,但是通过jquery添加进来的一个按钮虽然同时button,但是不能能在div里边添加内容
在多行代码中这个问题纠结了我好长时间。。。。。
贴上本测试前端代码以祭奠我逝去的除bug时间
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button>钮按下添加文本</button>
<br/>
<button id="btn2">用jquery添加一个button,由于同是按钮事件我同样也会添加一个文本</button>
<div class="ajax">
<p id="test">test</p>
</div>
<div class="ajax2">
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("button").on('click',function(){
html1 = "<h1>test</h1>";
$(".ajax").append(html1);
});
$("#btn2").on('click', function(){
$(".ajax2").append("<button>这是一个通过jquery添加进来的button 看能不能成功添加文本</button>");
})
});
</script>
</body>
</html>