javascript - 拖动时元素的jQuery UI舍入宽度

Question

当我检查页面上的某个元素时，我发现它的宽度为 83.2 像素。

我用 jQuery UI 让它“可拖动”:

$el.draggable({
    start: function (event, ui) {
        //$(ui.helper).css('margin', 0); //prevent jumping
        console.log('width:', $(ui.helper).css('width'));
        //console.log('width:', $(ui.helper).width());
        //console.log('width:', $(event.target).css('width'));
    }
});

拖动元素后到控制台的输出是width: 83px。这会导致稍后在元素文本中换行。

jQuery UI 是否四舍五入宽度和高度？如何获得更准确的值？

Answer 1

我在这个问题中找到了答案: https://stackoverflow.com/a/16072668/426266

jQueryUI 似乎在拖动元素时将元素的宽度设置为整数值。此外，$(element).width() 将始终返回一个四舍五入的整数值。

我是这样解决问题的:

$el.draggable({
    start: function (event, ui) {

        var width = event.target.getBoundingClientRect().width;

        $(ui.helper).css({
            'width': Math.ceil(width)
        });
    }
});

现在拖动元素时不再有换行符。