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

デモ: http://jsfiddle.net/hVjDq/

2 つの変更点があります。1) 文字列は「+」で連結されていないため、構文エラーが発生します。2) 未定義の変数を先頭に追加しているため、html 変数の準備が整った後に先頭にステートメントを追加する必要があります。

更新された 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 に答える
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 に答える