所以我从 PHP 站点获得了一段 html 代码,返回以下内容:
<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);
但是图标没有正确显示,当我使用 Firebug 检查元素时,它显示如下:
<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>
可能出了什么问题
最佳答案
应用语法着色后很容易发现——您需要在内联样式中使用单引号而不是嵌套的双引号。
<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>
更好的是,完全使用外部类而不是内联样式。
关于php - jquery append 没有正确附加样式图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9892276/