jQuery Resizeable（）对象不缩回

我不明白为什么这样不行。我有一个内置iframe的div。我将jQuery Resizeable（）应用于div，并将“alsoResize”选项设置为我的iframe。这就是它的实现方式：

$("#my-frame-wrapper").resizable({
    alsoResize : '#myframe'
});

基本上，我试图将resizeable（）直接实现到iframe，但它不起作用，所以我尝试了这种方法

问题是：

如果我拉伸div，它可以工作（调整大小），但它不想缩回（如果我向后拖动）。取而代之的是，它完全失去了控制（在Chrome中），每次鼠标移动它都会上下弹跳（我必须补充一点，这很烦人）

---

我有什么遗漏吗？还有其他人遇到过这个问题吗？

iframe元素中的鼠标事件不会退出，因此当您向后拖动时，JQuery UI不会做出反应

为了防止iframe捕获鼠标事件，可以在开始拖动时添加掩码div

html:

js:

---

请参阅。

这是可行的，但我不完全理解。您能解释一下为什么div掩码阻止iframe捕获事件吗？

<div id="my-frame-wrapper">
    <iframe id="my-frame" src="http://jsfiddle.net/"></iframe>
    <div id="mask"></div>
</div>

#my-frame-wrapper {
    width:200px;
    height:100px;
    position:relative;
}
#my-frame {
    width:100%;
    height:100%;
}
#mask {
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    display:none;
}

$(function(){
    $("#my-frame-wrapper").resizable({
        start: function(event, ui) {
           $("#mask").css("display","block");
        },
        stop: function(event, ui) {
           $("#mask").css("display","none");
        }
    });
});