jQuery可調整大小的取消不起作用

Question

我正在使用JQuery Ui可調整大小的JQueryUI可調整大小來調整DIV的大小 ，我想防止DIV中某些子元素的調整大小。 可以選擇cancel ，但對我不起作用

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

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

小提琴： 小提琴

Answer 1

我認為cancel選項的目的是防止調整由原始選擇器（ #resize ）而不是在取消選擇器（ .cancel ）中選擇的元素的大小。 它不適用於可調整大小目標的子元素。

例如：

html

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

js

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