jQuery的追加不追加风格的图标正确

Question

所以我获得了一段HTML代码返回下面的一个PHP的网站：

<span class="inline-icon link-icon with-fav" style="background: url("/system/files/imagecache/s_favicon/attachments/links/favicons-201203/1d5920f4b44b27a802bd77c4f0536f5a_48.png?1332860368") no-repeat scroll 0% 0% transparent;"></span> 

，然后我使用javascript

$('.container').append(variableContainingTheStringAbove); 

它附加到一个页面

但随后的图标没有正常显示，并且当我使用萤火检查单元，事情而是显示这样的：

<span class="inline-icon link-icon with-fav" transparent;"="" 0%="" scroll="" no-repeat="" 1d5920f4b44b27a802bd77c4f0536f5a_48.png?1332860368")="" favicons-201203="" links="" attachments="" s_favicon="" imagecache="" files="" system="" style="background: url("></span> 

可能发生什么错误

Answer 1

一旦应用了语法着色，就很容易发现 - 您需要在内联样式中使用单引号而不是嵌套双引号。

<span class="inline-icon link-icon with-fav" style="background: url('/system/files/imagecache/s_favicon/attachments/links/favicons-201203/1d5920f4b44b27a802bd77c4f0536f5a_48.png?1332860368') no-repeat scroll 0% 0% transparent;"></span> 

更好的是，使用外部类而不是内联样式。