JQuery sözdizimi hatası bulmaca

Question

Öğeleri bir boşlukta (bir döngüde) içeri ve dışarı kaydırmak için bir JQuery komut dosyasını değiştiriyorum.

Bu senaryonun parçasıdır:

var fadeDuration = 2000; 
    var displayTime = 4000; 
    var currentIndex = 1; 
    var nextIndex = 1; 
    $(document).ready(function() { 
     $('ul.slideshow li').css({opacity: 0.0}); 
     $("'ul.slideshow li:nth-child(" + nextIndex + ")'").addClass('show').animate({opacity: 1.0}, fadeDuration); 
     var timer = setInterval("nextSlide()", displayTime); 
    }); 

JQuery 1.5 kullanıyorsanız, bu bir sorun olmadan çalışır, ancak ben JQuery 1.12.0 veya JQuery 2.2 kullanıyorsanız o bana bu hatayı veren başarısız:

"Element" de 'querySelectorAll' çalıştırılamadı: '* ,: x' geçerli bir seçici değil. "

Bu fonksiyonun 2 satırda başarısız:

$("'ul.slideshow li:nth-child(" + nextIndex + ")'").addClass('show').animate({opacity: 1.0}, fadeDuration); 

Ben JQuery yeniyim ve ben bir öğrenme egzersizmişgibi kullanıyorum, ancak ben şaşkın ve nasıl emin değilim sorunu ayıklamaya başlayın (JQuery 1.5 ile çalıştığından).

Herhangi bir tavsiye büyük takdir!

Answer 1

Bu: seçicideki

"ul.slideshow li:nth-child(1)" 

koymayın kesme: Eğer böyle bir şey istediğinizde

"'ul.slideshow li:nth-child(1)'" 

:

"'ul.slideshow li:nth-child(" + nextIndex + ")'" 

size şöyle bir şey verecektir.

Answer 2

bu satırda ekstra tırnak vardır:

$("'ul.slideshow li:nth-child(" + nextIndex + 
")'").addClass('show').animate({opacity: 1.0}, fadeDuration); 

$("ul.slideshow li:nth-child(" + nextIndex + 
")").addClass('show').animate({opacity: 1.0}, fadeDuration);