0

我是 jQuery 新手，我正在尝试添加一些 HTML。但是，我不断通过 DreamWeaver 收到语法错误。

这是我的代码：

    <script type='text/javascript'> 
      $(document).ready(function(){ 
      $(".contentpadded").prepend($unoslider);

      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>
        '),
      });
   </script>

我无法弄清楚它有什么问题。有什么建议么？

4

3 回答 3

2

您应该连接字符串，还请注意您的代码中存在冗余,。

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

请注意，您应该首先定义变量，然后附加它。

于 2012-10-13T14:06:46.603 回答
0

将其更改为：

  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>\
    ';

以及使用prepend()功能。

于 2012-10-13T14:09:10.817 回答
0

演示：http: //jsfiddle.net/hVjDq/

有两个变化：1）你的字符串会出现语法错误，因为它没有用“+”连接。2）您正在添加未定义的变量，因此您需要在 html 变量准备好之后放置 prepend 语句。

更新了 js 代码：

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);
于 2012-10-13T14:15:34.617 回答