jQuert從未選擇的其他列表中選擇一個eq目標

Question

無法獲取「不」工作。當我點擊一個列表時，我想使用該索引來定位絕對圖像列表。存儲在列表中的所選背景圖像不會淡出，但其餘部分將會消失。所選的一個將留下。

$('.accordion-item').click(function(){ 
    var index=$(this).index(); 
    var rotationImage = $('.image-rotation li'); 
    rotationImage.not('eq(index)').fadeout; 
    rotationImage.eq(index).fadeIn(); 
}); 

Codepen：http://codepen.io/rezasan/pen/oLPYVr

Answer 1

好吧，讓我們來看看......

1. 你應該寫:eq()不只是eq()
2. 你有:eq()正確的string
逃脫 index
3. 這是.fadeOut()不只是.fadeout

其他一般工作正常。 :)

$('.accordion-item').click(function(){ 
    var index = $(this).index(); 
    var rotationImage = $('.image-rotation li'); 
    rotationImage.not(':eq('+ index +')').fadeOut(); 
    rotationImage.eq(index).fadeIn(); 
}); 

和公正是完整的，你甚至可以做到這一點的單鏈，不需要not()都：

$('.accordion-item').click(function(){ 
    $('.image-rotation li').fadeOut().eq($(this).index()).fadeIn(); 
}); 

Working example.（更新codepen）