jQuery IE6點擊問題

Question

是否有任何理由爲什麼點擊不能在IE6下面的JQuery代碼中工作？請參閱... $（ '＃toggleVAT'）。點擊（函數...它工作在IE7和FF？

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; 
    }); 
}); 

在IE6 switchPrices（）運行一次，但是當我點擊它不執行代碼#toggleVAT。我正在使用最新的縮小版jQuery，#toggleVAT只是一個段落，我正在使用IETester http://my-debugbar.com/wiki/IETester/HomePage，之前我在本機運行的IE6上檢查過它，而且bahaviour是一樣的，我也列出了可能出現的CSS問題仍然存在未使用樣式表。

Answer 1

只是一件小事情，IETester cannot read cookies。這可能會影響到事情。雖然，你說你在原生IE6中測試過，所以這可能不是問題，但值得了解。

Answer 2

是toggleVAT鏈接？嘗試在回調返回false。

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

這樣做可以防止正在執行的默認點擊行爲。

Answer 3

我記得當你在同一個窗口上運行多個（ - >黑客入侵）IE版本時會出現問題。

此外，如果您使用IE開發工具欄檢查它沒有禁用cookie。

---

對我來說，你的代碼工作沒有IE6，FF 3.0.11和Opera 9.64的問題。

我提供了一個小樣本。測試你是否仍然可以重現錯誤。

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

是不是你打電話switchButton代碼兩次？一旦進入click處理程序，第二次進入switchPrices函數？這不會將這些值切換回原始狀態嗎？

試試這個：

是不是你打電話switchButtonc頌兩次？一旦進入click處理程序，第二次進入switchPrices函數？

試試這個：

$(
    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); 
} 

另外，如果你是okie增值稅模式爲「EXC」而不是「EX」，你甚至可以進一步簡化代碼。

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(); 
}