マウスのホバーでhtmlテーブルのちらつきを避ける

Question

マウスのホバーでhtmlテーブルのちらつきを避ける必要があります。誰かが行を動かすとボタンが表示されますが、テーブルはちょっと変わって見えます。

は、ここに代わりに私のコード http://jsfiddle.net/7nqLg/2/

Answer 1

使用mouseenterとmouseleaveです。

jQuery('.myRow').mouseenter(function() { 
    jQuery(this).find('div:first').css('visibility', 'visible'); 
}).mouseleave(function() { 
    jQuery(this).find('div:first').css('visibility', 'hidden'); 
}); 

、代わりに要素を隠すのがhiddenに、マウスでその可視性を設定の上にあなたがそれを示したときにdiv要素は、いくつかのスペースを占有しているので、これはちらつきを避けるだろう、それvisibleします。可視性を隠すことは、依然としてスペースを占めるが、表示されない。あなたは余分な要素が露出しているときの行の最大の高さに合わせて、TDのデフォルトの高さを設定する必要が

Demo

Answer 2

。

したがって、「myRow」TDのCSSの最小高さは45ピクセルにする必要があります。

.myRow td { 
    height:45px; 
} 

Answer 3

td 2ピクセルのパディングを行う..または行の高さを増加させる - それゆえの高さの増加をcauseing、その現在8pxで..ボタンaswellに8pxを収容することができるTD行。..