jquery追加不正确添加样式图标

时间:2012-03-27 15:08:03

标签: php javascript jquery html css

所以我从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>

可能出错的地方

1 个答案:

答案 0 :(得分:3)

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

<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>

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