toggleClassは（）有効な選択のために働いていない

Question

toggleClassを受け入れていない私の非表示クラス：

function overFx (element, classN) { 

    if (!element.hasClass('ligado')){ 

     if (!$.browser.webkit && !$.browser.opera){ 
      //TR 

      element.toggleClass(classN); 

     } else { 
      //TD 

      element.children("td:not(.media)").toggleClass(classN); 
     } 
    } 
} 
//EFEITOS PARA DESTACAR LINHAS: 

//MOUSE OVER: 

$("tr.destacar:not(.hide)").mouseover(function(){ 

    overFx($(this), "mouseoverTr"); 
} 
); 

$(".hide").mouseover(function(){ 

    overFx($(this), "mouseoverTrHide"); 
} 
); 

//MOUSE OUT: 

$("tr.destacar:not(.hide)").mouseout(function(){ 

    overFx($(this), "mouseoverTr"); 
} 
); 

$(".hide").mouseover(function(){ 

    overFx($(this), "mouseoverTrHide"); 
} 
); 

私は後でJsfiddleを投稿します。

$("tr.destacar:not(.hide)") parは完全に動作していますが、$(".hide")はそうではありません。彼らはそこにいる、私はconsole.logged、$(this)正確に私が望むものを返します。

Answer 1

あなたの$(".hide").mouseout(...)メソッドでタイプミスがありましたが、代わりに.mouseover(...)があります。

もう一度繰り返すには、$(".hide").mouseoverを2回入力します。もう1つは.mouseoutにする必要があります。

デモ：http://jsfiddle.net/ducYE/