jQuery resize 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();
    }
});