addClass removeClass funktioniert nicht im IE..!

jQuery-Funktionen addClass und removeClass funktionieren nicht korrekt, wenn ich verwenden Sie zum ändern der Darstellung eines div-Tags in Internet Exploer (IE). Jedoch, Sie funktionieren in anderen Browsern.

Hier ist Beispielcode zu veranschaulichen mein problem:

if ($('#tdh').hasClass('current')){
    $("#u50").addClass('u59c');
    $("#u59").addClass('u59b');
    $("#u61").removeClass('u59b');
}

CSS:

.u59b {
    background-color: #3B5998;
    color: #FFFFFF;
    font-family: Segoe UI Light;
    font-style: normal;
    font-weight: bold;
    padding-right: 13%;
    text-decoration: none;
    width: 196px;
}

.u59c {
    color: #3B5998;
    font-family: Segoe UI Light;
    font-style: normal;
    font-weight: bold;
    padding-left: 10%;
    text-decoration: none;
}

HTML

            <a href="Page/tdh.aspx" id="tdh" class="current">
            <div id="u59" class="u59 u124-pad">
               Title1
            </div>
            </a>
            <a href="Page/tdh2.aspx" id="tdh2">
            <div id="u63" class="u59 u59b u124-pad">
                Title2
            </div>
            </a>
  • Zeigen Sie Ihren HTML-markup
  • Welche version des IE?
  • addClass und removeClass Arbeit. Etwas anderes funktioniert nicht.
  • definiere "funktioniert nicht". Sind die Klassen nicht verbunden, oder Sie haben nur keine Wirkung?
  • Ich bezweifle stark, Sie haben einen bug gefunden in addClass eher deine Logik falsch ist und so das erwartete Ergebnis != eigentliche Ergebnis.
  • Dies funktioniert nur im IE 10.
  • In diesem Fall wird diese Bedingung nicht ausgeführt werden, weil der #tdh nicht haben .aktuelle Klasse
  • die .aktuellen Klasse hinzufügen, wenn das laden der Seite von einem anderen script und es funktioniert auch... ich benutzt die debug (F12) und die .aktuelle Klasse bereits Hinzugefügt, aber der Staat Menü nicht ändern.
  • Als stellen Sie sicher, dass Sie das Skript ausgeführt, nachdem der eine, fügt tha .aktuelle Klasse od versuchen, das Skript, das hinzufügen und entfernen von Klassen innerhalb einer $(window).bind("load", function(){ ... dein code für das load-Ereignis ... });
  • Vielen Dank Vleran. Das ist es, was ich brauche..:)

InformationsquelleAutor Frzzy | 2013-06-12
  1. 1

    Versuchen Sie es

    if ($('#tdh').hasClass('current')){
    $("#u50").attr('class','u59c');
    $("#u59").attr('class','u59b');
    $("#u61").removeAttr('class');
}
    InformationsquelleAutor MicRum
  2. 0

    Versuchen Sie <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> innerhalb des head-Tags
    oder diese <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">

    Stellen Sie sicher, dass Sie die Ausführung des Skripts hinzufügt und entfernt die Klassen nach der einen, fügt tha .aktuelle Klasse oder versuchen, das Skript, das hinzufügen und entfernen von Klassen innerhalb einer $(window).bind("load", function(){ ... your code for the load event ... });

    InformationsquelleAutor
  3. 0

    con ExtJs: Klasse: 'xxx-readonly', se supone que ya tiene esta clase el Eingang, es necesario poner otra vez el foco (senderField.Fokus(true, 12)), para IE, y para los otros navegadores, esto no da problemas.

    Bearbeiten--in Englisch--

    mit ExtJs : Klasse: 'xxx - readonly' soll bereits die Eingabe dieser Art ist es notwendig, zu konzentrieren ( senderField.Fokus (true , 12) ) , für den IE und andere Browser wieder, bedeutet dies nicht, gibt Es Probleme .

    field.addListener('focus', function(senderField){
    this.readOnly = this.el.dom.readOnly = false;
    this.getActionEl().removeClass('xxx-readonly');
    senderField.focus(true, 12);
});
    • Bitte benutzen Sie Englisch auf dieser website.
    InformationsquelleAutor user4860938
Schreibe einen Kommentar