JQuery ui resizable返回大小(animate:true)

时间:2015-11-12 14:55:25

标签: jquery jquery-ui resizable

有一个类似的帖子:JQuery ui resizable returning the size,没有动画的解决方案可以正常工作。 但是,如果你有......:

$( myElement ).resizable({
        ghost: true,        
        grid: [ 320, 300 ],
        handles: 'se',
        maxHeight: 580,
        maxWidth: 940,
        stop : function(event,ui) {
            elementWidth = $(this).width();
            elementHeight = $(this).height();
            console.log(elementWidth);
            console.log(elementHeight);
        },
        animate: true // bullshit causing
    });

使用animate: true它会在重新调整之前给我总是宽度/高度。

任何想法?

谢谢 - L。

1 个答案:

答案 0 :(得分:0)

得到它,也许不是最好的洗脱,但有效! 只要Timeout

,就会duration添加animteDuration
stop : function(event,ui) {
            setTimeout(function()
            {
                elementWidth = $(urElement).width();
                elementHeight = $(urElement).height();   
             }, 300); //timeout as long as ur animation duration

        },