jQuery IE 问题

Question

可能的重复：
jQuery 浏览器兼容性 (IE)

我最初会发布一些代码片段（如果您要求的话，我也会发布一些代码片段） ），但我认为如果您点击此链接并直接查看我的问题，这个问题会更容易识别。而且，代码片段可能会变得相当冗长。

链接：http://www.thesportinghub.com/lms/make-my-picks< /a>

如果您在 Google Chrome、IE9、Firefox 5.0+ 或 Safari 中打开此页面，并且稍微单击一下，您就会注意到此页面的功能。正如我在这些浏览器中所制定的那样，它工作正常且完美。

我面临的问题是 jQuery 兼容性。当您选择一个单选按钮（在上述浏览器之一中）时，它将划掉相应的团队，并在接下来的几周内禁用该团队的其余单选按钮。您应该会看到它在“工作”浏览器中的两个位置被划掉。

然而，跳转到 IE7 和 IE8，你会发现情况并非如此。我上下查找了代码中的基本语法错误，并无休止地搜索网络来解决这个问题。我非常感谢任何人对此的帮助。

我愿意提供更多信息、代码片段，并积极参与解决我遇到的这个问题。

更新代码：

<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>

这是我的 jQuery 脚本...有人提到我的 IE 问题是因为我的单选按钮没有从 .change 函数中读取，并且需要 .click .. 。

Answer 1

您的问题是您在单选按钮上使用 change 而不是 click。 IE 需要在触发更改事件之前使单选按钮模糊。另外，在元素 ID 中使用空格时要非常小心。