jquery - 为什么我的jQuery动画需要在IE8中额外点击才能完成？

总的来说，我对jQuery很陌生，但是以下代码可在Chrome和Firefox中完美运行，但不适用于IE8。在IE8中，选择单选按钮后，我必须单击页面上的任意位置以开始动画。这是代码：

$("input[name=method]").change(function() {
    if($("input:radio[name=method]:checked").val() == 'installer') {
        $('#download').slideUp(0).removeClass("vendorSize").text("Download").addClass("installerSize").slideDown(500);
    }
    else if($("input:radio[name=method]:checked").val() == 'url') {
        $('#download').slideUp(0).removeClass("installerSize").text("Download From Vendor Website").addClass("vendorSize").slideDown(500);
    }
});

有人知道为什么这会在IE8中中断，但在其他浏览器中却不会吗？如果您觉得使用.animate效果更好（不是我认为这很重要），那么您可以提供一个示例代码吗？

谢谢，

埃里克·R

最佳答案

在IE中，单击单选按钮时不会直接触发change事件，因此必须先单击其他位置才能触发它。您可以尝试使用click事件而不是change事件，该事件应该起作用。