我正在使用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",
});
小提琴:小提琴
我认为cancel
选项的目的是防止由原始选择器(#resize
)选择但不在取消选择器(.cancel
)中选择的元素大小调整。它不适用于可调整大小的目标的子元素。
例如:
.html
<div class="box"></div>
<div class="box"></div>
<div class="box no-resize"></div>
.js
$(".box").resizable({
cancel: ".no-resize"
});