0

以下のリスト項目をもう 1 つ挿入する方法を誰か教えてもらえますか?

 <ul id="carousel" class="elastislide-list">
    <li><a href="#"><img src="images/small/1.jpg" alt="image01" /></a></li>
    <li><a href="#"><img src="images/small/2.jpg" alt="image02" /></a></li>
    <li><a href="#"><img src="images/small/3.jpg" alt="image03" /></a></li>
    <li><a href="#"><img src="images/small/4.jpg" alt="image04" /></a></li>

 </ul>

この JavaScript コードは機能しません:

<script type="text/javascript">
$( '#carousel1' ).elastislide( {minItems : 2} );
$( '#carousel2' ).elastislide( {minItems : 2} );
$( '#carousel3' ).elastislide( {minItems : 2} );

  var $postlink  = $("./ajax/profile.html");
  var $imagelink  = $("./ajax/top_logo2.png");
  var $imagename  = $("iContact");
  var $items1  = $('<li><a href="' +$postlink+'"><img src="'+ $imagelink +'" alt="'+ $imagename +'" /></a></li>');

     $('#carousel1 ul').append($items1);
     $('#carousel1').elastislide( 'add', $items1 );
</script>
4

1 に答える 1

1

あなたの問題は、jQuery での文字列の不要なラッピングかもしれません。これを試して：

var postlink = "./ajax/profile.html";
var imagelink = "./ajax/top_logo2.png";
var imagename = "iContact";
var $items1 = $('<li><a href="' + postlink + '"><img src="' 
    + imagelink + '" alt="' + imagename + '" /></a></li>');

$()jQuery オブジェクトが必要な場合にのみ使用してください。

于 2012-11-17T19:41:27.130 に答える