jQuery：用于预先添加HTML的正确语法

作者: 银角
发布时间: 2024-03-26 12:16:58 (4月前)
转自：

3 条回复

0#
回复此人
关于贤的记忆 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 将其更改为： </p> <pre> <code> var $unoslider = '\ <ul id="unoslider" class="unoslider">\ <li><img src="templates/{$template}/img/cloud-hosting.jpg" alt="" /></li>\ <li><img src="templates/{$template}/img/green-hosting.jpg" alt="" /></li>\ <li><img src="templates/{$template}/img/trusted-partners.jpg" alt="" /></li>\ </ul>\ '; </code> </pre> <P> 并使用 <code> prepend() </code> 功能。 </p> </DIV>

编辑
1#
回复此人
逆转的风 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 演示： <a href="http://jsfiddle.net/hVjDq/" rel="nofollow"> http://jsfiddle.net/hVjDq/ </A> </p> <P> 有两处更改：1）您的字符串将有一个语法错误，因为它没有连接“+”。 2）您正在预先定义未定义的变量，因此您需要在html变量准备好之后放置prepend语句。 </p> <P> 更新了js代码： </p> <pre> <code> You missed "+" for concatenation.. var $unoslider = $('<ul id="unoslider" class="unoslider">'+ '<li><img src="templates/{$template}/img/cloud-hosting.jpg" alt=""/></li>' + '<li><img src="templates/{$template}/img/green-hosting.jpg" alt="" /></li>' + '<li><img src="templates/{$template}/img/trusted-partners.jpg" alt="" /></li>' + '</ul>'); $(".contentpadded").prepend($unoslider); </code> </pre> </DIV>

编辑

登录后才能参与评论