jQuery IE6 klicken auf Problem

Question

Gibt es einen Grund, warum der Klick in IE6 auf dem folgenden JQuery-Code nicht funktioniert? Siehe ... $ ('# toggleVAT'). Klicken (Funktion ... Es funktioniert in IE7 und

function switchButton(to){ 
    if(to === 'INC'){ 
    $('#toggleVAT').removeClass("exc"); 
    $('#toggleVAT').addClass("inc"); 
    $('#toggleVAT em').text("inc."); 
    } else { 
    $('#toggleVAT').addClass("exc"); 
    $('#toggleVAT').removeClass("inc"); 
    $('#toggleVAT em').text("exc."); 
    } 
} 

function switchPrices(){ 
    if($.cookie('VATMODE') == "INC"){ 
    $('.price .incVAT').show(); 
    $('.price .excVAT').hide(); 
    switchButton('INC'); 
    } else { 
    $('.price .incVAT').hide(); 
    $('.price .excVAT').show(); 
    switchButton('EX'); 
    } 
} 


$(function(){ 
    switchPrices(); 
    $('#toggleVAT').click(function(){ 
    if($.cookie('VATMODE') === 'INC'){ 
     $.cookie('VATMODE', 'EX'); 
     switchButton('EX'); 
    } else { 
     $.cookie('VATMODE', 'INC'); 
     switchButton('INC'); 
    } 
    switchPrices(); 
    return false; 
    }); 
}); 

? FF

auf IE6 switchPrices() läuft einmal, aber nicht den Code auszuführen, wenn ich auf #toggleVAT Ich benutze die letzte verkleinerte jQuery #toggleVAT ist nur ein Absatz Ich benutze IETester http://my-debugbar.com/wiki/IETester/HomePage Ich habe es vorher auf nativem IE6 überprüft und der Bahaviour war der selbe Ich habe auch mögliche CSS-Probleme als das Problem aussortiert bleibt ohne Sheet.

Answer 1

Nur eine kleine Sache, IETester cannot read cookies. Dies könnte sich auf die Dinge auswirken. Obwohl Sie sagten, dass Sie in einem nativen IE6 getestet haben, ist es wahrscheinlich nicht das Problem, aber es ist wissenswert.

Answer 2

toggleVAT ein Link? Sehen Sie in der Callback falsch zurück.

$('#toggleVAT').click(function(){ 
     if($.cookie('VATMODE') === 'INC'){ 
      $.cookie('VATMODE', 'EX'); 
      switchButton('EX'); 
     } else { 
      $.cookie('VATMODE', 'INC'); 
      switchButton('INC'); 
     } 
     switchPrices(); 
     return false; 
    }); 

Dadurch verhindern Sie, dass das Standard-Klickverhalten ausgeführt wird.

Answer 3

Ich erinnere mich, dass es Probleme gibt, wenn Sie mehrere (-> gehackte) IE-Versionen auf denselben Fenstern ausführen.

Auch wenn Sie die IE Developer Toolbar verwenden, überprüfen Sie, dass Cookies nicht deaktiviert werden.

---

Für mich funktioniert Ihr Code ohne Probleme in IE6, FF 3.0.11 und Opera 9.64.

Ich stellte eine kleine Probe zur Verfügung. Um zu testen, ob Sie den Fehler noch reproduzieren können.

http://pastebin.com/m7e8d87c6

jquery.js ->http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js

jquery.cookie.js ->http://plugins.jquery.com/files/jquery.cookie.js.txt

Answer 4

Werden Sie nicht switchButton Code zweimal anrufen? Einmal im Click-Handler und zum zweiten Mal innerhalb der switchPrices-Funktion? Würde das nicht die Werte zurück in den ursprünglichen Zustand schalten?

Versuchen Sie folgendes:

Bist du nicht zweimal switchButtonc ode nennen? Einmal im Click-Handler und zum zweiten Mal innerhalb der switchPrices-Funktion?

Try this:

$(
    function() 
    { 
     $('#toggleVAT').click(
      function() 
      { 
       switchPrices(); 
       return false; 
      } 
      ); 
     switchPrices(); 
    } 
); 

function switchPrices() 
{ 
    var targetVatMode = $.cookie('VATMODE') == 'INC' ? 'EX' : 'INC'; 
    $.cookie('VATMODE', targetVatMode); 
    var removeClassName = targetVatMode == 'INC' ? 'exc' : 'inc'; 
    var addClassName = targetVatMode == 'INC' ? 'inc' : 'exc'; 
    var displayText = targetVatMode == 'INC' ? 'inc.' : 'exc.'; 

    var elementToShow = targetVatMode == 'INC' ? '.price .incVAT' : '.price .excVAT'; 
    var elementToHide = targetVatMode == 'INC' ? '.price .excVAT' : '.price .incVAT'; 

    $(elementToShow).show(); 
    $(elementToHide).hide(); 


    $('#toggleVAT') 
     .addClass(addClassName) 
     .removeClass(removeClassName) 
     .find('em') 
      .text(displayText); 
} 

Auch wenn Sie okie mit Vat-Modus als 'EXC' anstelle von 'EX' sind, können Sie sogar noch weiter den Code vereinfachen kann.

function switchPrices() 
{ 
    var oldVatMode = $.cookie('VATMODE'); 
    //Define your Vat mode as EXC instead of EX. 
    var newVatMode = oldVatMode == 'INC' ? 'EXC' : 'INC'; 
    $.cookie('VATMODE', newVatMode); 

$('#toggleVAT') 
     .addClass(newVatMode.toLowerCase()) 
     .removeClass(oldVatMode.toLowerCase()) 
     .find('em') 
      .text(newVatMode.toLowerCase() + '.'); 

    $('.price .' + newVatMode + 'VAT').show(); 
    $('.price .' + oldVatMode + 'VAT').hide(); 
}