如何在動態表格中附加CSS值

Question

我正在使用GWT表，該表是動態生成的，具有許多列，但是沒有水平滾動條，並且要獲取滾動條，我們需要在表周圍具有固定寬度的包裝器，但是GWT確實會創建容器，但不向其添加任何寬度。

為了解決該問題，我正在計算屏幕的寬度並將其添加到表包裝器中，這是在表中添加滾動條，但工作異常。

1. 當我將鼠標移到桌子附近時，它會添加滾動條
2. 調整表格大小時不起作用

我正在使用Live()因為它適用於運行時對象，也不能使用click事件。

這是代碼：

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

Answer 1

1. 使用$（'body'）。on（“ mouseover”）如果獲得滾動條，可以通過將overflow設置為none來處理。 如果需要動態更改CSS，則可以添加/刪除類，並使CSS與代碼分開。 這是一個好習慣。