JQuery resizeable取消不起作用

Question

我使用JQuery Ui可调整大小JQueryUI resizeable来调整DIV的大小，我想阻止调整DIV中的一些子元素。有一个选项cancel可以做到这一点，但它对我不起作用

<div id="resize" class="demodiv">Resize me!
    <div class="cancel">
        HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
    </div>
</div>

$('#resize').resizable({
    helper: "ui-resizable-helper",
    cancel:".cancel",
});

小提琴：Fiddle

Answer 1

我认为#resize选项的意图是防止原始选择器（.cancel）选择但不在取消选择器（<div class="box"></div> <div class="box"></div> <div class="box no-resize"></div> ）中选择的元素大小调整。它不适用于可调整大小的目标的子元素。

例如：

HTML

$(".box").resizable({
    cancel: ".no-resize"
});

JS

ng-show='myForm.inputBox.$dirty && myForm.inputBox.$error'