jQuery Cycle Plugin [Zyklus] beendet; Null Elemente durch Selektor

Question

Ich versuche, einen Zyklus von Hintergrundbildern auf Schwebeflug eines zentralisierten Logos zu tun, und habe jQuery Cycle plugin verwendet.

Allerdings bekomme ich diesen Fehler: [Zyklus] zu beenden; Null-Elemente von Selektor gefunden,

Ich habe mir die andere page angesehen, die das gleiche Problem wie ich zu haben scheint, aber es scheint nicht den Fehler zu beheben, den ich habe.

Jede Hilfe wird geschätzt. Vielen Dank. Bitte beachten Sie folgenden Code:

HTML:

<div class="home" href="#"> 
    <a href="#about"> 
     <img id="logo" src="images/home/parableLogo.png"/> 
    </a> 

    <ul class="imgfill"> 
     <li><img src="images/home/1.jpg"></li> 
     <li><img src="images/home/2.jpg"></li> 
     <li><img src="images/home/3.jpg"></li> 
     <li><img src="images/home/4.jpg"></li> 
     <li><img src="images/home/5.jpg"></li> 
    </ul> 
</div> 

JQUERY:

$(document).ready(function(){ 
     // Cycle plugin 
     $('.imgfill').cycle({ 
      fx:  'none', 
      speed: 1, 
      timeout: 70 
     }).cycle("pause"); 

     // Pause & play on hover 
     $('#logo').hover(function(){ 
      $(this).find('.imgfill').addClass('active').cycle('resume'); 
     }, function(){ 
      $(this).find('.imgfill').removeClass('active').cycle('pause'); 
     }); 

    }); 

Test JQUERY folgende andere Benutzer-Lösungen:

$(document).ready(function(){ 
     // Cycle plugin 
     $('.home').load('.imgfill', function(){ 
      $('.imgfill').cycle({ 
      fx:  'none', 
      speed: 1, 
      timeout: 70 
      }).cycle("pause"); 
     }); 


     // Pause & play on hover 
     $('#logo').hover(function(){ 
      $('.home').find('.imgfill').addClass('active').cycle('resume'); 
     }, function(){ 
      $('.home').find('.imgfill').removeClass('active').cycle('pause'); 
     }); 

    }); 

Answer 1

Sie verwenden einen falschen Selektor „$ (this) .find ('. imgfill') "Sie sollten" $ ('. imgfill') "

verwenden

$(document).ready(function(){ 
    // Cycle plugin 
    $('.imgfill').cycle({ 
     fx:  'none', 
     speed: 1, 
     timeout: 70 
    }).cycle("pause"); 

    // Pause & play on hover 
    $('#logo').hover(function(){ 
     $('.imgfill').addClass('active').cycle('resume'); 
    }, function(){ 
     $('.imgfill').removeClass('active').cycle('pause'); 
    }); 

}); 

hier ist ein Link für eine Arbeitsversion http://codepen.io/mozzi/pen/eZqLxr