2011-01-05 1 views
0

변수와 함께 : eq() 선택기를 사용할 수 있습니까? 아니면 대안을 사용해야합니까 ..하지만 대신 사용할 수 있습니까? 상황에 따라 갤러리를 사용합니다.JQuery - 변수가있는 eq (clickedPos) 선택기

HTML

<div id="#thumbs"> 
<ul> 
<li>Thumbnail 1</li> 
<li>Thumbnail 2</li> 
<li>Thumbnail 3</li> 
</ul> 
</div> 

<div id="#gallery"> 
<ul> 
<li>Image 1</li> <!-- User will see this 800px x 450px image --> 
<li>Image 2</li> 
<li>Image 3</li> 
</ul> 
</div> 

의사 자바 스크립트 (JQuery와)

$('#thumbs ul li').click(function() { 
    clickedPos = $(this).index(); //saving the index number of the clicked thumbnail 
    $('#gallery ul li:eq(clickedPos)').clone().insertAfter('#gallery ul li:eq(clickedPos)'); 
    gallerywidth += 800 //gallery width grows a bit 
    $('#gallery ul').css({width: gallerywidth}); 
    $('#gallery ul').animate({right:"+=800"},250); 
}); 

상호 작용의 예를 썸네일 3
사용자가 클릭

HTML 결과

<div id="#thumbs"> 
<ul> 
<li>Thumbnail 1</li> 
<li>Thumbnail 2</li> 
<li>Thumbnail 3</li> 
</ul> 
</div> 

<div id="#gallery"> 
<ul> 
<li>Image 1</li> <!-- at first the user saw this image --> 
<li>Image 3</li> <!-- after scrolling 800px to the right, he now see this one --> 
<li>Image 2</li> 
<li>Image 3</li> 
</ul> 
</div> 

답변

4

사용 :

$('#gallery ul li:eq('+clickedPos+')') 

나 :

$('#gallery ul li').eq(clickedPos) 
+0

그것에 나를 이길 사용하지! +1 –

0

$('#gallery ul li:eq(' + clickedPos + ')')