javascript - JQuery 可调整大小的取消不起作用

Question

我正在使用可调整大小的 JQuery Ui JQueryUI resizeable要调整 DIV 的大小，我想防止调整 DIV 内某些子元素的大小。有一个选项取消可以做到这一点，但它对我不起作用

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

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

fiddle :Fiddle

Answer 1

我认为 cancel 选项的目的是为了防止原始选择器(#resize)选择但取消选择器(.取消).它不适用于可调整大小的目标的子元素。

例如:

html

<div class="box"></div>
<div class="box"></div>
<div class="box no-resize"></div>

js

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