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> 

이 자바 스크립트 코드는 작동하지 않습니다

<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 객체가 필요할 때만 $()을 사용하십시오.