Mit 'jQuery' eine 'aktive' Klasse umschalten, der Stil bleibt bestehen, wenn man erneut auf die Schaltfläche klickt, aber die Klasse in Firefox entfernt

Ich habe ein Problem. - nur in FirefoxMit 'jQuery' eine 'aktive' Klasse umschalten, der Stil bleibt bestehen, wenn man erneut auf die Schaltfläche klickt, aber die Klasse in Firefox entfernt

Wenn ich jQuery verwenden, um eine Klasse "aktiv" auf einer Verknüpfung umzuschalten. Der aktive Stil bleibt bestehen, wenn ich erneut auf den Link klicke. Es bleibt sichtbar, bis ich irgendwo anders auf der Seite klicke, aber nur in Firefox, aber die Klasse wurde entfernt.

Code:

$('#quick-add-click').click(function() { 
    $(this).find('a').toggleClass('active'); 
});

Wer noch keine ähnliche Probleme haben? Gibt es eine einfache Lösung?

Quelle

2010-12-28 Craig

Sie das bedeuten Sie: aktiv Stil oder .active Klasse? – David

Können Sie eine Demo auf [JS Fiddle] (http://jsfiddle.net/) oder [JS Bin] (http://jsbin.com/) veröffentlichen, die dieses Verhalten reproduzieren? –

OK so wie ich es (in einer Hacky Weise) befestigt war onfocus="blur()" zu dem Ankerelement hinzufügen

Quelle

2011-01-06 01:01:58 Craig

Minimal Beispiel kann nicht dieses Verhalten auf OSX Firefox sehen

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test</title> 
     <style> 
      a.active { color: #f00; } 
     </style> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
     <script> 
      $(function() { 
       $('#quick-add-click').click(function() { 
        $(this).find('a').toggleClass('active'); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="quick-add-click"> 
      <a href="#">Foobar</a> 
     </div> 
    </body> 
</html>

Könnten Sie mit Firebug überprüfen, wo dieser Stil herkommt, wenn aktive Klasse mehr vorhanden ist?

Quelle

2010-12-28 18:36:12 Heikki

Verwenden Sie Mootools oder wird Mootools geladen, auch wenn Sie es nicht verwenden (geschieht automatisch mit Joomla-Systemen). Ich hatte ein Problem mit Firefox/Mootools/VEMap (Bing Maps). Vielleicht haben Sie ein ähnliches Problem.

Quelle

2010-12-28 18:43:29 rushinge

Konnte es nicht reproduzieren.

Aber vielleicht können Sie testen, ob es ohne Umschalter funktioniert?

$('#quick-add-click').click(function() { 
    if($(this).find('a').hasClass('active')) { 
    $(this).find('a').removeClass('active'); 
    } else { 
    $(this).find('a').addClass('active'); 
    } 
});

Quelle

2010-12-28 18:51:22 PeeHaa

Mit 'jQuery' eine 'aktive' Klasse umschalten, der Stil bleibt bestehen, wenn man erneut auf die Schaltfläche klickt, aber die Klasse in Firefox entfernt

Antwort

Verwandte Themen