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

时间:2011-10-27 01:46:34

标签: jquery internet-explorer-8

您好我有一个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中不起作用?

1 个答案:

答案 0 :(得分:2)

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

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

我不知道为什么会这样。