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()
是一个
标记。不知道为什么,你做到了丹尼斯,你做到了!