jquery hover einmal?

Was ist das jquery Art und Weise zu machen, schweben Funktion einmal ausgeführt und dann aufhören?

.() nicht funktioniert..

$(".button-color-2").hover(
  function (){
   dosmth(); 
});

danke

InformationsquelleAutor Stewie Griffin | 2011-02-16

  1. 14

    Hover bindet die Behandler für Maus Eingeben und Maus Verlassen Ereignis und ist nicht ein Ereignis auf seine eigene. Um also den gleichen Effekt haben als Hover haben, haben Sie zwei bindet, wird einmal ausgelöst. 

    $(".button-color-2").one("mouseenter mouseleave", function(e){
dosmth();
});

    Wenn Sie wollen, um verschiedene Dinge auf mouseenter und mouseleave, dann binden zwei verschiedene Handler

    $(".button-color-2").one("mouseenter", function(e){
dosmth1();
}).one("mouseleave", function(e){
dosmth2();
});

    Die andere Möglichkeit wäre die Verwendung von Hover-und dann lösen Sie es, wenn Sie fertig sind.

    $('.button-color-2').hover(function() {
dosmth();
$(this).unbind('mouseenter mouseleave')
});
    (".button-Farbe-2").one("mouseenter", function(e){ gearbeitet,(".button-Farbe-2").('hover', function(){ nicht funktioniert ! weiß nicht, warum..
    Bitte siehe oben den post aktualisiert.
    Sehr gute Antwort, danke!
    Danke!

    InformationsquelleAutor Piyush Mattoo

  2. 1

    Wenn dies nicht funktioniert hat:

    $(".button-color-2").one('hover', function() {
    dosmth();
});

    dann versuchen, diese der ausgeführt wird, die hover-einmal und dann lösen Sie das hover-Ereignis:

    $('.button-color-2').bind('hover', function(event) {
  dosmth();
  $(this).unbind(event);
});
    (".button-Farbe-2").one("mouseenter", function(e){ gearbeitet,(".button-Farbe-2").('hover', function(){ nicht funktioniert ! weiß nicht, warum..

    InformationsquelleAutor amurra

  3. 0

    Wenn Sie nur mit diesem Stück code in .one(), die Sie nicht tun es richtig.

    Mit Ihrem oberen Funktion, die Sie zuweisen, hover-Ereignis nicht ausgeführt. So haben Sie zu verwenden $.() wie folgt aus:

    $('.button-color-2').one('hover', function()
      dosth();
);
    (".button-Farbe-2").one("mouseenter", function(e){ gearbeitet,(".button-Farbe-2").('hover', function(){ nicht funktioniert ! weiß nicht, warum..

    InformationsquelleAutor usoban

  4. 0

    Dies ist ein Alter thread, aber hier ist, wie ich in der Lage war, dies zu erreichen. Ich erstellt einen Zähler, der inkrementiert, nachdem der Effekt liefen auf einem mouseenter und verwendet eine wenn-Anweisung, um zu sehen, wenn der Zähler größer als 1 ist. Wenn der Zähler größer als 1, so stellen Sie eine weitere else-Anweisung bricht aus ihm heraus, ganz (dies ist zu halten Sie es kontinuierlich tun, die Wirkung). Sie müssen auch ein mouseleave-Methode zum zurücksetzen der Zähler wieder auf 0. Hier ist der code, den ich verwendet:

        $("#mydiv").mouseenter(function(){
        if (counter < 1){
            $(this).effect("pulsate", { times:1 }, 300);
            counter = counter + 1;
            return;
        }
        else{
            return;
        }
    });
    $("#mydiv").mouseleave(function(){
        counter = 0;
        return;
    });

    Wenn Sie möchten, um zu sehen, dass es funktioniert, hier ist die Seite: http://webpages.marshall.edu/~glasser1/jquery.html

    bewegen Sie die Maus über das weiße Feld und es wird der Puls einmal.

    edit: ich vergaß hinzuzufügen, müssen Sie initialisiert die variable counter, die außerhalb der Funktion, so dass es global und auf null gesetzt.

    InformationsquelleAutor Edward Glasser

Schreibe einen Kommentar