jQuery调整大小iframe在快速收缩时停止

Question

我正在使用jQuery中的resizable()函数来调整包含iframe的div,其宽度和高度设置为100%(以填充div的空间).我遇到的问题是当我向内调整大小(缩小div)时 - 如果我移动鼠标太快就会失去抓取(使div固定)并且不再调整大小直到我将鼠标重新调整到角落.

它在扩展div时工作正常,我可以通过快速移动鼠标来做到这一点,但是小心地移动div以确保它不会卡住是很烦人的.

有任何想法吗？

非常感谢.

编辑:

我已将示例上传到我的网站:http: //stefandunn.co.uk/concepts/drag&drop/

只需单击"网页"小部件并调整其大小.

Answer 1

在过去,我有同样的问题,我发现的解决方案/黑客是这样的:

$("yourObjectToResize").resizable({
    //containment: 'parent',
    minWidth: 400,
    minHeight: 200,
    start: function () {
        $(".widget_box").each(function (index, element) {
            var d = $('<div class="iframeCover" style="zindex:99;position:absolute;width:100%;top:0px;left:0px;height:' + $(element).height() + 'px"></div>');
            $(element).append(d);
        });
    },
    stop: function () {
        $('.iframeCover').remove();
    }
});