Php jQuery IE问题
可能重复:Php jQuery IE问题,php,jquery,internet-explorer,cross-browser,compatibility,Php,Jquery,Internet Explorer,Cross Browser,Compatibility,可能重复: 我最初会发布一些代码片段(如果您要求,我也会发布),但我认为如果您遵循此链接并直接查看我的问题,这个问题将更容易识别。而且,代码片段可能会变得相当长 链接: 如果你在Google Chrome、IE9、Firefox 5.0+或Safari中打开这个页面,如果你点击一下,你会注意到这个页面的功能。正如我在这些浏览器中所描述的那样,它工作正常且完美 我面临的问题是jQuery的兼容性。当您选择一个单选按钮时(在上述浏览器中),它将划掉相应的团队,并在接下来的几周内禁用该团队的其余单选
我最初会发布一些代码片段(如果您要求,我也会发布),但我认为如果您遵循此链接并直接查看我的问题,这个问题将更容易识别。而且,代码片段可能会变得相当长 链接: 如果你在Google Chrome、IE9、Firefox 5.0+或Safari中打开这个页面,如果你点击一下,你会注意到这个页面的功能。正如我在这些浏览器中所描述的那样,它工作正常且完美 我面临的问题是jQuery的兼容性。当您选择一个单选按钮时(在上述浏览器中),它将划掉相应的团队,并在接下来的几周内禁用该团队的其余单选按钮。在“工作”浏览器中,您应该看到它在两个地方被划掉 但是,跳转到IE7和IE8,您会发现情况并非如此。我在代码中查找基本语法错误,并不断搜索web以解决此问题。我非常感谢任何人在这方面的帮助 我愿意提供更多信息和代码片段,并积极参与解决我遇到的这个问题 使用代码更新:
<script type="text/javascript">
$(document).ready(function(){
$('.radio:checked').addClass("selected");
$('.pickbox').text($('.radio:checked').val());
var selected_week = $('#weekselect').val();
$('table.weekbox').hide();
$('table#weekbox' + selected_week).show();
$('span.selection.text').html('<br/>My Week ' + selected_week + ' Selection:');
$('input.radio').change(function () {
$('.teambox').find('span.strike').removeClass('strike');
var selected = $(this).val();
var us_selected = selected.replace(/ /g, "");
$('.radio:not(:checked)').removeClass('selected');
$('.radio:not(:checked)').next('span').css('color','');
$('.radio:not(:checked)').removeAttr('disabled');
$('.radio:checked').addClass('selected');
$('.pickbox').text($(this).val());
$('.pickbox').css('border','3px dashed #88cc33');
//$('.pickbox').text($('.teambox').find('span.' + us_selected).text());
$('.teambox').find('span.' + us_selected).addClass('strike');
$('.selected').each(function () {
var selected_team = $(this).val();
var x_selected_team = selected_team.replace(/ /g, "");
$('.teambox').find('span.' + x_selected_team).text(selected_team).addClass('strike');
$('table.weekbox').find('td input[value="' + selected_team + '"]').attr('disabled', 'disabled');
$('.selected').next('span').css('color','#88cc33');
});
});
$('#weekselect').change(function () {
var selected_week = $('#weekselect').val();
if ($('input[name="Week' + selected_week + '"]').is(':not(:checked)')) {
$('table.weekbox').hide();
$('table#weekbox' + selected_week).show();
$('span.selection.text').html('<br/>My Week ' + selected_week + ' Selection:');
$('.pickbox').css('border','1px dashed #FFFFFF');
$('.pickbox').text('');
}
$('table.weekbox').hide();
$('table#weekbox' + selected_week).show();
$('span.selection.text').html('<br/>My Week ' + selected_week + ' Selection:');
$('input:not(:checked)').next('span').removeClass('strike');
$('input[disabled]:not(:checked)').next('span').addClass('strike');
$('.pickbox').text($('input.radio[name="Week' + selected_week + '"].selected').val());
if ($('.pickbox').text() != "") {
$('.pickbox').css('border','3px dashed #88cc33');
}
$('.selected').each(function () {
var selected_team = $(this).val();
var x_selected_team = selected_team.replace(/ /g, "");
$('.teambox').find('span.' + x_selected_team).text(selected_team).addClass('strike');
});
});
});
</script>
$(文档).ready(函数(){
$('.radio:checked').addClass(“选定”);
$('.pickbox').text($('.radio:checked').val());
var selected_week=$('#weekselect').val();
$('table.weekbox').hide();
$('table#weekbox'+选定的_周).show();
$('span.selection.text').html('
我的一周'+selected_Week+'选择:');
$('input.radio')。更改(函数(){
$('.teambox').find('span.strike').removeClass('strike');
所选变量=$(this.val();
var us_selected=selected.replace(//g,“”);
$('.radio:not(:checked')).removeClass('selected');
$('.radio:not(:checked').next('span').css('color','');
$('.radio:not(:checked')).removeAttr('disabled');
$('.radio:checked').addClass('selected');
$('.pickbox').text($(this.val());
$('.pickbox').css('border','3px虚线#88cc33');
//$('.pickbox').text($('.teambox').find('span.'+us_selected.text());
$('.teambox').find('span.'+us_selected.).addClass('strike');
$('.selected')。每个(函数(){
var selected_team=$(this.val();
var x_selected_team=selected_team.replace(//g,“”);
$('.teambox').find('span.'+x_selected_team.).text(selected_team).addClass('strike');
$('table.weekbox').find('td-input[value=“”+selected_-team+'”).attr('disabled','disabled');
$('.selected').next('span').css('color','#88cc33');
});
});
$('#weekselect')。更改(函数(){
var selected_week=$('#weekselect').val();
如果($('input[name=“Week”+selected_Week+'“]')。是(':未(:选中)')){
$('table.weekbox').hide();
$('table#weekbox'+选定的_周).show();
$('span.selection.text').html('
我的一周'+selected_Week+'选择:');
$('.pickbox').css('border','1px虚线#FFFFFF');
$('.pickbox')。文本('');
}
$('table.weekbox').hide();
$('table#weekbox'+选定的_周).show();
$('span.selection.text').html('
我的一周'+selected_Week+'选择:');
$('input:not(:checked')).next('span').removeClass('strike');
$('input[disabled]:未(:选中)).next('span').addClass('strike');
$('.pickbox').text($('input.radio[name=“Week'+selected_Week+'''.]selected').val());
如果($('.pickbox').text()!=“”){
$('.pickbox').css('border','3px虚线#88cc33');
}
$('.selected')。每个(函数(){
var selected_team=$(this.val();
var x_selected_team=selected_team.replace(//g,“”);
$('.teambox').find('span.'+x_selected_team.).text(selected_team).addClass('strike');
});
});
});
这是我的jQuery脚本。。。有人提到我的IE问题是因为没有从.change函数读取我的单选按钮,而这是必须的。单击…您的问题是您正在单选按钮上使用
change
,而不是click
。IE需要在触发更改事件之前使单选按钮模糊。另外,在元素ID中使用空格时要非常小心。Wow。。。我是说,我只是想得到一些帮助。。。我不明白为什么人们对这个重复的帖子如此愤怒。。。他们对我关了门。。。。我觉得这可能是人们未来面临的一个问题。说它“太本地化”是对这个问题的不公平评估。我在IE 7中尝试过,它划掉了选定的团队。。我看不出有什么不起作用。它应该在两个地方划掉。。。我知道它在右边被划掉了,但它也应该在整个星期内被划掉。另一个问题之所以被关闭,是因为它只在你的网站上。我们必须深入你的网站,看看哪里出了问题。如果你能把问题缩小到一些不符合预期的函数,那就不一样了,因为这就是那些函数。公平地说,我会修改我的帖子并提供具体的代码片段,但我担心这会很难理解,但好吧……感谢上帝,丹尼斯。在与整个社区战斗之后,你给了我一线希望。非常感谢。我将尝试此解决方案。好的,丹尼斯,我将其更改为。更改事件,更改为。单击事件。。。还是没有布埃诺。。。你认为这会是我让它交叉兼容的方式吗?好吧,我仔细研究了一下,问题似乎是输入标签。试试
这是一个自动关闭标签。IE似乎认为$(“输入”).next()
是一个
标记。不知道为什么,你做到了丹尼斯,你做到了!