0

多くの列で動的に生成されるGWTテーブルを使用していますが、水平スクロールバーがなく、スクロールバーを取得するには、テーブルの周りに固定幅のラッパーが必要ですが、GWTはコンテナーを作成しますが、幅を追加しません。

この問題を解決するために、画面の幅を計算し、それをテーブル ラッパーに追加しています。テーブル ラッパーはスクロール バーをテーブルに追加していますが、奇妙な動作をしています。

  1. マウスをテーブルに近づけるとスクロールバーが追加されます
  2. テーブルのサイズを変更すると機能しません

Live()ランタイムオブジェクトで機能するので使用していますが、クリックイベントも使用できません。

コードは次のとおりです。

$(function() {
    var screenwidth = $(window).width();
    $('body').live("mouseover", function() {
        $('.scrollbar').css({
            'width' : (screenwidth) - 40
        });
        $("body").unbind("mouseover");
    });
});
4

1 に答える 1

0
  1. $('body').on("mouseover") を使用します。スクロールバーを取得している場合は、オーバーフローを none に設定することで処理できます。CSS を動的に変更する必要がある場合は、クラスを追加/削除して、CSS をコードから分離しておくことができます。その良い習慣です。
于 2012-06-05T11:09:47.000 に答える