0

在以下 JQuery 代码上单击在 IE6 中不起作用有什么原因吗？请参阅 ...$('#toggleVAT').click(function... 它适用于 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 上检查过它，并且行为是相同的。我还排除了可能的 CSS 问题，因为在没有样式表的情况下问题仍然存在。

4

4 回答 4

1

只是一件小事，IETester 无法读取 cookie。这可能会影响事情。虽然，您说您在本机 IE6 中进行了测试，所以这可能不是问题，但值得了解。

于 2009-07-04T07:39:59.560 回答
1

toggleVAT 是链接吗？尝试在回调中返回 false。

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

这样做可以防止执行默认的点击行为。

于 2009-07-03T17:04:57.070 回答
1

我记得当您在同一个窗口上运行多个（--> 被黑的）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

于 2009-07-03T17:05:30.313 回答
1

你不是两次调用 switchButton 代码吗？一次在点击处理程序内，第二次在 switchPrices 函数内？这不会将值切换回原始状态吗？

尝试这个：

你不是两次调用 switchButtoncode 吗？一次在点击处理程序内，第二次在 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);
}

此外，如果您可以将增值税模式设置为“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();
}
于 2009-07-03T17:55:38.613 回答