Question

过去几周我一直在研究自定义表控件，现在集成了JQuery Slider函数来增加/减少行的大小。

我尝试了什么：

我尝试使用$('.divClass').css({ 'transform': 'scale()' })，但是缩放会增加水平面两侧和垂直平面两侧的大小，从而溢出到桌子后面。
我想过将宽度值分配给一个变量，然后在滑块的ui.value上进行更改，但是当我尝试它时，它与我想要的完全相反它起作用。

在那次失败后，我发现了这个巨大的混乱：

$("#slider").slider({
    value: 50,
    min: 50,
    max: 100,
    step: 1,
    slide: function (event, ui) {

        $('.divBodyView').find('.divRow').css('height', ui.value)
        $('.divBodyView').find('.divRow').find('.divCell').css('height', ui.value / 1.25)
        $('.divBodyView').css('font-size', ui.value / 3)

        $('.divBodyView').find('.divRow').find('.divCellPicture').css('height', ui.value / 1.5)
        $('.divBodyView').find('.divRow').find('.divCellPicture').css('padding-top', ui.value / 10)

    }
});

现在这样做有点好。从某种意义上说。我正在努力，因为我在这个表中有多个“列”，每列都是自定义宽度。

I.e：[PICTURE: 50px]---[ID: 100px]---[DESCRIPTION: 250px]---[ASSIGNED TO: 125px]

现在，我如何根据目前所持有的值更改所有这些的值？基本上，如果我将行增加20px，我会有“图片：70px，ID：120px，描述：270px，分配给：145px”。

感谢您的帮助。

Answer 1

您可以尝试仅使用此扩展第一列：

 $('.divBodyView').find('.divRow').find('.divCell:first').css('width', ui.value)

否则您可以使用比率变量

乘以每列

JQuery - 使用Slider调整多个不同的div宽度

1 个答案: