JQuery Append не присоединяя стилизованный значок правильно

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> 

Еще лучше использовать внешний класс вместо встроенных стилей.