jquery - 将图像插入 Elastislide jquery 图像查看器

Question

谁能告诉我如何在下面再注入一个列表项？

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

Answer 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 对象时使用。