0

テーブルでJqueryを使用しました。行の上にマウスを移動すると、色が変わります。次の Javascript は IE7 用に作成されたもので、効果はここで完全に機能します。このスクリプトを Firefox で実行すると、テキストが背景とともにフェードします。Firefox でのこの効果は、フェードアウト時に空の (白い) 行を表示します。列全体に効果があるため、おそらく彼はこれを行います。

テキストを常に表示しておく方法はありますか? （テキストは にあります）

$(document).on({
         mouseenter: function(e) {
             $(this).fadeIn('fast', function() {
                $(this).addClass("white");
            });
         },
         mouseleave: function(e) {
             $(this).fadeOut('fast', function() {
                $(this).removeClass("white");
            });

            $(this).fadeIn('fast', function() {
                $(this).addClass("grey");
            });
         }
    }, 'table[id*="tbl_main"] tbody tr[id*="dataCell_"]');

テーブルの行の HTML:

<tr id="ctl00_contentHolder_dataCell_lbl_currencyMisc0" class="grey">
<td align="center"><input type="image" name="ctl00$contentHolder$0-181337" id="ctl00_contentHolder_0-181337" runat="server" src="img/plus.gif" style="border-width:0px;" /></td>
<td title="New Network Hub" align="center">181337</td><td align="center">11337.06</td>
<td align="center"><span id="ctl00_contentHolder_lbl_currencyMisc1">USD</span></td>
<td align="center">6</td><td align="center">31337.36</td><td align="center"><span id="ctl00_contentHolder_lbl_currencyReport1">USD</span></td>
<td align="center">12</td><td align="center">13371.3</td><td align="center">63.82%</td>

4

2 に答える 2

1

fadeInまたは要素をしようとしてfadeOutいます。(CSS -> を使用して) 非表示にする必要があるため、tr後でコンテンツが表示されない場合、Firefox はうまく機能します。それが:)の使命です- API を見てください。fadeOutdisplay:nonefadeOut

あなたの質問が理解できれば、滑らかな効果で背景色を変更したいと考えています。はいの場合、JQuery UI.toggleClass(...)が探しているものです。JQuery ライブラリにもtoggleClass(...)メソッドがありますが、効果はありません。すぐにクラスチェンジ。

JSFiddleで例を作成しました。

于 2013-03-20T10:19:01.507 に答える
0

これを試してみるべきだと思います：

 var state = true;
 $( "#tab tr" ).hover(function() {
    if ( state ) {
       $(this).stop().animate({
        backgroundColor: "#f99"
       }, 500 );
   } else {
      $(this).stop().animate({
        backgroundColor: "#fff"
      }, 500 );
   }
   state = !state;
  });
});

ビンをチェックアウト

これには、jQuery ui library色をアニメーション化する場合に が必要です。

于 2013-03-20T10:35:10.370 に答える