jQuery的IE6点击问题
-
22-08-2019 - |
题
是否有任何理由,点击不工作在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问题的问题,而样式表仍然存在。
其他提示
时toggleVAT一个链接?尝试在回调返回false。
$('#toggleVAT').click(function(){
if($.cookie('VATMODE') === 'INC'){
$.cookie('VATMODE', 'EX');
switchButton('EX');
} else {
$.cookie('VATMODE', 'INC');
switchButton('INC');
}
switchPrices();
return false;
});
这样做可以防止执行中的默认的点击行为。
你是不是叫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();
}
我记得有问题,当你有多个。( - >黑客)在相同的Windows上运行的IE版本
此外,如果您使用IE开发工具栏检查,它并没有禁用cookie。
有关我你的代码工作没有IE6,FF 3.0.11和Opera 9.64。问题
我提供了一个小的样品。为了测试,如果你仍然可以重现错误。
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