jquery - 行悬停时背景颜色更改不起作用(jsfiddle)

Question

我在使用 jquery 时遇到背景颜色变化问题。

当页面第一次加载并且用户将鼠标悬停在表格行上时，表格行的背景会发生变化。

一旦用户点击表行单元格生成一个 jquery 弹出窗口，弹出窗口所属行的背景颜色就会改变。

用户通过单击文档上的任意位置关闭弹出窗口(使用 jquery)，第一行提到的行的悬停突出显示功能被禁用，我需要它保持有效所有弹出窗口均未打开。

这是我试图添加到我的 jquery 中的内容，它一直有效，直到其中一个弹出窗口显示一次。换句话说，下面的代码只触发一次，而不是像我需要的那样保持有效:

if($(".webpopup,.phonepopup").is(":hidden")){
    $("tr").hover(function(){
        $(this).toggleClass('fresh');
    });
}

js fiddle :

http://jsfiddle.net/vUWsb/

Answer 1

试试 !important:

.fresh{background-color:#ddd !important;}

$("tr").hover(function(){
    $(this).addClass('fresh');
}, function() {
    $(this).removeClass('fresh')    
});

http://jsfiddle.net/vUWsb/6/

---

是这样的吗？

 $("tr").hover(function(e){
        if ($(".webpopup, .phonepopup").is(":visible")) {
           return false;
        }
       $(this).addClass('fresh');     
    }, function() {
       $(this).removeClass('fresh');
 });

http://jsfiddle.net/vUWsb/10/