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对象时才使用$()。

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

1 个答案: