So ändern Sie Optionen Wert von Hover() oder Mouseenter Funktion z. B.

Question

Nach stundenlanger Forschung hoffe ich, jemand kann mir einige Einblicke geben. Ich möchte dies implementieren sliderTabs jQuery Plugin.

Das Problem mit diesem Plugin ist, dass die Option pauseOnHover nicht funktioniert, obwohl ich den Plugin-Zweig, der die gewünschte Option enthält heruntergeladen (immer noch, es funktioniert nicht).

Gibt es eine Möglichkeit, die Diashow zu beenden, während die Maus den Schieberegler div bewegt?

Ich rufe das Plugin wie folgt aus:

jQuery(document).ready(function() { 
    var slider = jQuery("div#sliderTabs").sliderTabs({ 
     autoplay: 1000, 
     mousewheel: false, 
     transitionSpeed: 1500, 
     tabs: true, 
     position: "top", 
     pauseOnHover: true 
    }); 
}); 

Dank für Ihre Zeit danken!

Answer 1

Nach Ihren Angaben zum Plugin auf GitHub, habe ich möglicherweise einen Fehler entdeckt.

Zeile 211: var instanceAutoPlay = setInterval(plugin.next, settings.autoplay);

Die var instanceAutoPlay innerhalb der if() {} -Anweisung der Option instanziiert.

Versuchen Sie, die Variable außerhalb der Funktion zu initialisieren. Fügen Sie auch eine console.log() hinzu, um zu überprüfen, ob sie tatsächlich aufgerufen wird.

EDIT: Ich habe es selbst mit einer lokalen Kopie versucht, und es funktionierte einwandfrei. Mein Code:

<script type="text/javascript"> 
$(function() { 
    var slider = $("div#mySliderTabs").sliderTabs({ 
     autoplay: 3000, 
     mousewheel: false, 
     position: "top", 
     pauseOnHover: true 
    }); 
}); 

keine Probleme. Um zu überprüfen, hier ist eine Paste aus meiner Kopie von sliderTabs 1.1: http://pastebin.com/0QGywjRd