Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
IE上的jQuery函数性能_Jquery_Html_Css_Performance_Internet Explorer - Fatal编程技术网

IE上的jQuery函数性能

IE上的jQuery函数性能,jquery,html,css,performance,internet-explorer,Jquery,Html,Css,Performance,Internet Explorer,我有一个函数,当光标经过并聚焦于每个tr的点击时,我使用它来对行中显示的两个表中的每一行进行悬停和聚焦。 它工作得很好,但我对IE有一个问题,因为它正在减速,我不明白为什么。有人能告诉我如何提高此功能的性能吗 查看实时示例: 谢谢。试试这个 $(document).ready(function(){ $(".interactive tr").hover(function() { $(this).addClass("hoverx"); }, function() { $(t

我有一个函数,当光标经过并聚焦于每个tr的点击时,我使用它来对行中显示的两个表中的每一行进行悬停和聚焦。 它工作得很好,但我对IE有一个问题,因为它正在减速,我不明白为什么。有人能告诉我如何提高此功能的性能吗

查看实时示例:

谢谢。

试试这个

$(document).ready(function(){

 $(".interactive tr").hover(function() {
   $(this).addClass("hoverx");
    }, function() {
   $(this).removeClass("hoverx");
  });

 $(".interactive tr").click(function() {
  $(".interactive tr.selectedRow").removeClass("selectedRow");
     $(this).addClass("selectedRow");
  });​ 
});

你能不能改用基于CSS的悬停?这在所有浏览器中都会表现得更好,尤其是IE

.interactive tr:hover td {
    background: lime !important;
}
如果您想坚持使用JavaScript/jQuery,那么我建议您放弃以下内容:

<meta http-equiv="X-UA-Compatible" content="IE=8">


这迫使IE使用IE8模式。IE8模式比IE9模式慢。

@Dharmesh:如果需要IE6支持,他可以使用(一些改进的)JavaScript来实现这一点,但仅限于IE6。为什么要给所有浏览器一个“慢”版本,只是为了迎合IE6这个过时的垃圾堆?然而,在ie8中,将鼠标悬停在css给出的tr上,并将注意力集中在两个表tr上,最重要的是,我不能同时在两个表tr上内联显示两个表。检查示例以便更好地理解。我搞错了选择器,对此表示抱歉。修正了。不错,但不能同时处理两个表,我有两个表显示在我使用函数的行中。将鼠标悬停并聚焦在两个表的每一行上,它同时工作。使用您的函数检查live example(在尝试添加fiddle my函数以查看正确的行为之后):仅在第一个表上工作,请参见描述中的live example以查看它如何同时在两个表上工作(悬停和聚焦),在您的fiddle示例中,它仅在第一个表上工作。
<meta http-equiv="X-UA-Compatible" content="IE=8">