テーブル内に余白がある場合は、Operaで$ .fadeOut（）が失敗する

Question

Operaでは、スタイルマージンを持つ画像が$.fadeOut()が正しく動作しないようです。

jsFiddleはまだオペラでは動作しない、15を更新：私はあなたが正常にjQueryの「道」でこれをアプローチだろうかに基づいて、いくつかの変更を加えました下のhttp://jsfiddle.net/fmaUZ/15/

は、

Answer 1

[OK]を、いくつかのタグを清掃しまし​​た：

最初にimgマージンの問題をtdの親に移動し、paddingを使用して修正しました。 Operaがあなたのコード/マークアップ/ cssでイベントハンドラを起動しなかった理由はわかりませんが、これは私が同じ視覚効果でそれを修正する方法でした。私modify my below codeを行うには

注：

.Strumento img { 
    margin-right: -8px; 
} 

Operaで正常に動作するように見えます。だから私は具体的な問題が実際に何であるかを実際には知りませんが、それは実際のイベントの添付ファイル自体と関係があると思われます。

CSS /マークアップ

.Strumento { 
    cursor:pointer; 
    padding-left: 8px; 
} 

<td class="Strumento"> 
    <img id="obj_BJOQvk" title="-" src="http://www.poketown.net/public/poketown/oggettinoprova2.gif"> 
</td> 

jQueryの

それはインラインイベントの構文を使用していないように、私はまた、あなたのスクリプトを調整する：

$(document).ready(function(){ 
    // Sets browser infos as html.className 
    var params = []; 

    $.each($.browser, function(k, v) { 
     var pat = /^[a-z].*/i; 
     if (pat.test(k)) { 
      params.push(k); 
     } 
    }); 

    params = params.join(' '); 
    $('html').addClass(params); 

    $('tbody .nodeco').click(function(){ 
     $('#boh3').attr('checked', false); 
    }); 
    $('thead .nodeco').click(function(){ 
     $('tbody .nodeco').attr('checked', true); 
    }); 
    $('.Strumento img').click(function(){ 
     $(this).fadeOut("slow"); 
    }); 
}); 
$(window).load(function(){ 
    Nifty("div#header","small"); 
    Nifty("div#header2","small"); 
    Nifty("div#header3","small"); 
    Nifty("div#header4","small"); 
    Nifty("div#dati,div#dati2","same-height"); 
}); 

http://jsfiddle.net/fmaUZ/12/