4

当用户在我网站的提要部分点击“喜欢”时,我会附加一些 HTML 标记。但它正在破裂。我尝试了很多网络上可用的解决方案,但我找不到解决方案。

这是我正在使用的代码:

$('#feed20').find('strong')
.append('<span original-title="<ul><li>
<a href="http://localhost/forex/profile/username">username</a>
</li></ul>" custom-style="view-more" class="tiply_html_click">1 more</span>');
4

6 回答 6

8

你需要转义你的引号,试试这个jsFiddle

$("#feed20").find("strong").append("<span original-title=\"<ul><li><a href='http://localhost/forex/profile/username'>username</a></li></ul>\" custom-style=\"view-more\" class=\"tiply_html_click\">1 more</span>");

​</p>

于 2012-08-09T13:33:29.877 回答
1

您的报价有问题。您用双引号包裹了一个字符串,但随后在字符串中使用了双引号,因此终止了字符串文字。

尝试像这样转义内部双引号 ( \") -

'<span original-title="<ul><li><a href=\"http://localhost/forex/profile/username\">username</a></li></ul>" custom-style="view-more" class="tiply_html_click">1 more</span>'
于 2012-08-09T13:27:17.520 回答
1

HTML 属性中的数据必须是 htmlentititized,尝试:

$('#feed20').find('strong').append('<span original-title="&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://localhost/forex/profile/username&quot;&gt;username&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;" custom-style="view-more" class="tiply_html_click">1 more</span>');
于 2012-08-09T13:31:43.293 回答
1

您需要转义<a>href 属性中使用的双引号

$('#feed20').find('strong').append('<span original-title="<ul><li><a href=\'http://localhost/forex/profile/username\'>username</a></li></ul>" custom-style="view-more" class="tiply_html_click">1 more</span>');
于 2012-08-09T13:36:32.417 回答
0

您应该对 href 使用转义的单引号。

$('#feed20').find('strong').append('<span original-title="<ul><li><a href=\'http://localhost/forex/profile/username\'>username</a></li></ul>" custom-style="view-more" class="tiply_html_click">1 more</span>');
于 2012-08-09T13:37:28.830 回答
-2

从 :

custom-style="view-more" class="tiply_html_click">1 more');

是错的...

于 2012-08-09T13:26:49.617 回答