使用jQuery皮膚找不到gridview行

Question

當我的皮膚應用到我的gridview時，我的jQuery腳本不起作用。一旦我加入皮膚，我就再也找不到了。我認爲這與tr構建方式有關。皮之不存，該行是乾淨

<tr>data</tr>. 

但與皮膚現在該行

<tr style=....>data</tr> 

這裏是我的jQuery的，做的時候，我沒有應用到GV皮膚工作。

$(document).ready(function() { 
     $('tr').mouseover(function() { 
      $(this).toggleClass('highlightrow'); 
       }).mouseout(function() { 
        $(this).removeClass('highlightrow'); 
       }) 
    }); 

Answer 1

行被發現就好了，問題是，他們已經「硬編碼」，在其style所以在class背景色背景色沒有效果。

解決此問題的一個方法是存儲以前的顏色，然後直接將背景色設置爲mouseover，並在鼠標移出事件中恢復以前的顏色（以保留皮膚）。

代碼是這樣：

$(document).ready(function() { 
    $('tr').mouseover(function() { 
     $(this).data("prev_color", $(this).css("background-color")); 
     $(this).toggleClass('highlightrow').css("background-color", "yellow"); 
    }).mouseout(function() { 
     $(this).removeClass('highlightrow').css("background-color", $(this).data("prev_color")); 
    }); 
}); 

現場測試案例：http://jsfiddle.net/yahavbr/awEaP/1/

Answer 2

我敢打賭，這是由於比你css具有較高的優先級style。您的highlightrow如何定義？例如，如果您在此處指定background-color並且它也位於tr的style中，則會被忽略。

也許添加!important條款可以幫助：

.highlightrow 
{ 
    background-color: Red !important; 
}