javascript - 如何在动态表中附加 CSS 值

Question

我正在使用 GWT 表，它是动态生成的，有很多列，但没有水平滚动条，为了获得滚动条，我们需要在表周围具有固定宽度的包装器，但 GWT 确实创建了容器，但没有添加任何宽度。

为了解决这个问题，我正在计算屏幕的宽度并将其添加到表格包装器中，它正在向表格添加滚动条，但工作很奇怪。

1. 当我将鼠标移到桌子附近时，它会添加滚动条
2. 调整表格大小时不起作用

我正在使用Live()它，因为它适用于运行时对象，我也不能使用点击事件。

这是代码：

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

Answer 1

1. 使用 $('body').on("mouseover") 如果你得到滚动条，你可以通过将溢出设置为无来处理。如果您需要动态更改 css，您可以添加/删除类并将 css 与您的代码分开。这是一个很好的做法。