1

そのため、コンテンツをjQueryに置き換えたいフローティングdivがあります。ここでは、たとえば 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>
4

2 に答える 2

3

コードをドキュメント対応ハンドラー内に配置する必要があります。

$(document).ready(function(){
   $('#amd1').click(function () {
      $('#content').replaceWith('<img src="http://www.google.com/images/srpr/logo3w.png">');
   });
})
于 2012-09-18T22:30:09.720 に答える
1

完全な html ブラブを貼り付けてください。問題は別の場所にあるようです:

実際のデモ http://jsfiddle.net/3L37W/

コード

$('#amd1').click(function () {
             $('#content').replaceWith('<img src="http://www.google.com/images/srpr/logo3w.png">');
            });​
于 2012-09-18T22:28:53.427 に答える