所以我有一个 float 的 div,我想用 jQuery 替换它的内容。在这里,我以 Bing 和 Google Logo 为例,但尽管检查了文档,但似乎无法找出问题所在。我注意到其他人遇到了问题,直到他们包装了用标签替换旧内容的任何内容,但这并没有奏效。问题是因为嵌套的 div,还是...?
<style>
#content {
float: right;
width: 650px;
overflow-x: hidden;
color:fff;
}
#contentWrapper {
position: relative;
}
#explainWrapper1 {
float:left;
width:350px;
}
</style>
<script>
$('#amd1').click(function () {
$('#content').replaceWith('<img src="http://www.google.com/images/srpr/logo3w.png">');
});
</script>
...
<a href="#" id="amd1">Amendment 1</a>
<div id="contentWrapper">
<div id="content">
<img src="http://www.smartinsights.com/wp-content/uploads/2012/07/bing-logo.png">
</div>
<div id="explainWrapper1">
</div></div>
最佳答案
您应该将您的代码放在文档就绪处理程序中:
$(document).ready(function(){
$('#amd1').click(function () {
$('#content').replaceWith('<img src="http://www.google.com/images/srpr/logo3w.png">');
});
})
关于javascript - jquery replaceWith 不响应点击调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12485980/