Re: [問題] javascript 表格變色寫在function裡

[eecir (boy)]

建議可以用jquery插件的方式來做
jquery插件部分:
/*
 * 用來定義table內的行數變色使用
 */

(function($) {
 $.fn.extend({showColor: function(){
  $(this).hover(function() {
   tmp_color = $(this).css('background-color'); //保留原來tr的顏色
   $(this).css('background-color','#FFD300');  //變換tr顏色
   }, function() {
   $(this).css('background-color',tmp_color);  //還原tr顏色
  });
 }});
})(jQuery);


網頁部分:
<script src="jquery.js" type="text/javascript" ></script>
<script src="jquery.tablecolor.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(e){
 $("table tr").showColor();
});
</script>

這樣可以比較容易管理
網頁碼也可以縮短點

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 60.249.3.87
→ grence:tmp_color宣告少了var，位置也有問題
推 s25g5d4:如果宣告了tmp_color可能會造成下面的程式碼找不到變數
→ s25g5d4:不var的話就是window.變數 這樣是不很漂亮但至少能跑...
→ grence:所以說宣告的位置不對
→ grence:plug-in要重用更不應該用到全域變數
→ eecir:感謝大家指教,其實對jquery也是一之半解,觀念上請多多見諒