0 
   $('document').ready(function(){
$('#gfooter').append("<div style="text-align:center; width:800px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_3201211230108478" src="http://i.imgur.com/aHKja.png" usemap="#Image-Maps_3201211230108478" border="0" width="800" height="400" alt="" />
<map id="_Image-Maps_3201211230108478" name="Image-Maps_3201211230108478">
<area shape="rect" coords="84,184,253,353" href="www.facebook.com" alt="Facebook" title="Facebook"    />
<area shape="rect" coords="316,184,485,353" href="www.twitter.com" alt="Twitter" title="Twitter"    />
</map>
</div>
");
});

このHTMLビットをdiv#gfooterに追加しようとしています。動作していないようですが。誰かが私の理由を説明できますか？>

4

2 に答える 2

1

二重引用符の中に何かを入れているときはいつでも、次に二重引用符を使用するときは「エスケープ」します。したがって、次のいずれかの形式を使用してください。

$.append("<a href='#'>link</a>");

$.append('<a href="#">link</a>');

私は2番目のものを好みます。それは私が通常行うように（二重引用符を使用して）HTMLを入力できるからです。それが役に立てば幸い！

于 2012-11-23T08:17:16.453 に答える
0

文字列リテラルの引用符をバックスラッシュでエスケープする必要があります。

var somestring = "<div id=\"something\">";
于 2012-11-23T06:42:45.297 に答える