addClass funktioniert nicht im Internet Explorer 8 und darunter

Mein code

$(document).ready(function(){ 

      $(".CheckBoxClass").change(function(){
        if($(this).is(":checked")){
            $(this).next("label").addClass("LabelSelected");
        }else{
            $(this).next("label").removeClass("LabelSelected");
        }
    });
});

Dies ist mein css

.CheckBoxClass{
    display: none;
}
.CheckBoxLabelClass{
    background:  url('/public/images/chk_off.png') no-repeat;
    padding-left: 24px;   
    margin: 5px;
    height: 22px;   
    width: 150px;
    display: block;
}
.CheckBoxLabelClass:hover{

}
.LabelSelected{
    background: url('/public/images/chk_on.png') no-repeat;
}

Ich habe gegoogelt alles was ich denken konnte. Alle Lösungen funktionieren nicht. Ich habe versucht den code umschreiben, mit Hilfe von id-Selektoren anstelle und nicht neben Funktionen, etc. Nichts davon funktioniert. Ich bin mir nicht sicher, was Los ist. Danke.

Können Sie nach einen test-Fall in jsFiddle?
Haben Sie eingefügt console.log() oder alert() Anweisungen, um sicherzustellen, dass die .is(":checked")) Funktion ist die Bewertung richtig? Ist der IE noch immer den richtigen code zu sperren?
Hat die label element direkt nach der .CheckBoxClass element? Funktioniert es in anderen Browsern? Ich vermute ein problem mit der HTML-und Missverständnisse, wie next funktioniert. Btw. if(this.checked) ist ein schneller Weg,...
Können Sie das bestätigen, dass jquery geladen wird und verwendet, richtig? Es gibt eine ziemlich lange Liste von Antworten für Problem mit jQuery in Internet Explorer 8, dass könnte in Bezug auf Ihr problem.
Könnten Sie fügen Sie den code ein. Auch Sie sind sicher .addClass nicht funktioniert oder Sie einfach nicht sehen können, den Stil, die Klasse?. Mit F12 starten Sie developer tools, und Sie können überprüfen Sie Ihre element zu sehen, wenn er die Klasse.

InformationsquelleAutor Drew H | 2011-06-21

  1. 0

    Live-test

    Code funktioniert bei mir im IE9 mit IE8-standards, IE9 mit IE7-standards und IE9 quirks-Modus.

    Ich bemerkte, Sie haben die display:none aus der Klasse. Ich nahm es heraus und klappte es auf. Aber das macht die check-box, die ich nicht tun möchte.
    -1 - IE9 ist nicht der IE8, auch wenn es in den standards-Modus.

    InformationsquelleAutor Raynos

  2. 3

    Wenn Sie möchten, fügen Sie nur eine Klasse, Sie versuchen, fügen Sie diese Klasse wie folgt:

    $(this).next("label").attr("class","LabelSelected");

    Eine bessere Lösung, das funktioniert auch mit mehreren Klassen:

    $("someselector").attr("class",$("someselector").attr("class")+" "+"someclass");

    ich in diesem Beispiel fügen Sie die Klasse "someclass" , "someselector". Dies funktioniert im IE8.

    In Ihrem Fall sollten Sie tun:

    $(this).next("label").attr("class",$(this).next("label").attr("class")+" "+"someclass");

    InformationsquelleAutor Pablo

  3. 0
    I use this one which works fine in IE 8 also

//Remove and add class in one statement
$("#tabName li").removeClass('ui-corner-top').addClass('ui-corner-left');

//add multiple class in one statement
$("#tabName").addClass("ui-tabs-panel ui-widget-content ui-corner-bottom");

    InformationsquelleAutor Lalit Bhudiya

  4. 0

    Haben Sie zum wickeln alles vor dem add/removeClass Methode mit $([selector]). Auf diese Weise werden alle Jquery-Methoden geladen werden, verwendet werden. Dies ist getestet auf IE8

    $(document).ready(function(){ 

  $(".CheckBoxClass").change(function(){
    if($(this).is(":checked")){
        $($(this).next("label")).addClass("LabelSelected");
    }else{
        $($(this).next("label")).removeClass("LabelSelected");
    }
  });
});

    InformationsquelleAutor Álvaro

  5. -2

    CSS:

    .checkbox{
   width:0px;
   height:0px;
   border:0;
}

    Checkboxen verschwunden sind, und funktioniert in jedem browser?

    nicht wirklich eine Antwort

    InformationsquelleAutor Mark

Schreibe einen Kommentar