javascript - jquery replaceWith 没有响应点击调用

Question

所以我有一个浮动的 div，我想用 jQuery 替换它的内容。在这里，我以 Bing 和 Google 徽标为例，但尽管检查了文档，但似乎无法找出问题所在。我注意到其他人在用标签替换旧内容之前遇到了问题，但这并没有奏效。问题是因为嵌套的 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>

Answer 1

您应该将代码放在文档就绪处理程序中：

$(document).ready(function(){
   $('#amd1').click(function () {
      $('#content').replaceWith('<img src="http://www.google.com/images/srpr/logo3w.png">');
   });
})

Answer 2

请粘贴您的完整 html bruv，问题似乎在其他地方：

工作演示 http://jsfiddle.net/3L37W/

代码

$('#amd1').click(function () {
             $('#content').replaceWith('<img src="http://www.google.com/images/srpr/logo3w.png">');
            });​