このfadeOut（）がInternet Explorerで動作しないのはなぜですか？

Question

IE7、IE8、IE9のTested ...と​​は適用されません。

<table> 
    <tr class="sideOn hidden"> 
     <td class="trackBotton"> 
      <input type="submit" value="Remove" onClick="remSide(this);return false" /> 
     </td>   
    </tr> 
</table> 

function remSide(param) { 
    $(param).parents('.sideOn').fadeOut(500, function() { 
      $(this).remove(); 
    }); 
} 

なぜこれがあるとどのように私はこの問題を解決することができますか？

またremove()を削除することはできません：

function remSide(param) { 
    $(param).parents('.sideOn').fadeOut(500); 
} 

Answer 1

jQueryのは、Internet Explorerでフェージングを行うためにフィルタを使用し、フィルタはレイアウトのみを持っている要素に適用されます。

次のようなテーブル行のレイアウトを与えることができます：

.sideOn { position: absolute; } 

その後の要素がInternet Explorerでフェードが、テーブル行のpositionスタイルを変更することが推奨されていませんので、あなたが他のいくつかの要素を使用する必要がありますあなたが消したいもの。

Answer 2

Guffaは、右の彼の答えでそれを持っていた - 私は、代替（つまりIE、の回避策）を提供したいと思います：

function remSide(param) { 
    $(param).parents('.sideOn').find('td').fadeOut(500, function() { 
      $(this).parent().remove(); 
    }); 
} 

これは<tr>自身を削除し、その後、すべての<td> Sをフェードアウト。 IE8で正常に動作するようです。

デモ：http://jsfiddle.net/B7ndq/3/