Jquery 脚本适用于 Firefox，但不适用于 IE 8

Question

嗨，我有一个 jquery 脚本，允许单击两个表的整个单元格，单击时它们会更改背景颜色。然后，您可以单击表单按钮，所选单元格将被处理到数据库中。

该脚本可以在 Firefox 和 iPad 浏览器上运行。

但它在 IE 8 中不起作用(这是 SOE 的一部分，因此目前无法更改)

jquery 脚本是

$(document).ready(function() {
//assigning alternative row style
$(".pretty tr:even").addClass("evenrow");
$(".pretty tr:odd").addClass("oddrow");

$(".my_table tr").find(':checkbox').prepend('<img id="tableSquare" src="images/square.png" />');


$(".pretty tr:even").click(function() {
    $(this).find(':checkbox').attr('checked', !$(this).find(':checkbox').attr('checked'));
    if ($(this).find(':checkbox').attr('checked')) {
        $(this).removeClass('evenrow');
        $(this).addClass('highlight');


    }
    else {
        $(this).removeClass('highlight');
        $(this).addClass('evenrow');
    }
});
$(".pretty tr:odd").click(function() {
    $(this).find(':checkbox').attr('checked', !$(this).find(':checkbox').attr('checked'));
    if ($(this).find(':checkbox').attr('checked')) {
        $(this).removeClass('oddrow');
        $(this).addClass('highlight');
    }
    else {
        $(this).removeClass('highlight');
        $(this).addClass('oddrow');
    }
});

});

在 IE 8 中，您只能单击其中一个表格的单元格，并且只能工作一次，如果刷新页面，则此后将不再工作。

使用 jquery 1.6.4。

这是一个部分有效的示例，说明了一切的作用。 http://jsfiddle.net/unauu/23/

有什么想法该脚本在 IE 8 中不起作用吗？

Answer 1

在 IE 中使用 .attr() 时，我遇到了类似的问题，并尝试使用 .prop() 代替，这解决了我的问题，显然，我相信，也解决了你的问题。

http://jsfiddle.net/unauu/24/

我不知道为什么会发生这种情况。