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是一样的。我也rulled了可能的CSS问题的问题，而样式表仍然存在。

Answer 1

只是一个很小的事情， IETester无法读取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

你是不是叫switchButton代码两次？一旦进入点击处理程序，并第二次switchPrices函数内？这样不是切换值返回到原来的状态？

尝试这种情况：

你是不是叫switchButtonc颂两次？一旦单击处理和第二次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作为代替“EX”“EXC”，则可以进一步简化的代码。

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

Answer 4

我记得有问题，当你有多个。（ - >黑客）在相同的Windows上运行的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