start/resize メソッドからサイズ変更イベントをキャンセルできるようには見えません。
オプションを使用して、サイズ変更可能なイベントが適用されないセレクターを指定できますcancel
。この戦略では、サイズを変更div
するかどうかを示す、サイズ変更可能な各クラスにクラスを追加する必要があります。
たとえば、次のようなデータセットがあるとします。
var data = [
{ id: 'test1', status: 'lock' },
{ id: 'test2', status: 'unlock' },
{ id: 'test3', status: 'lock' }
];
そして、ステータスが「ロック」のアイテムをロックしたいと考えました。次のように、このデータから DOM 要素を作成するコードがあるとします。
var i, length = data.length;
for(i = 0; i < length; i++) {
$("body").append("<div id='" + data[i].id + "' class='resizable " + data[i].status + "'/>");
}
要素には、「ステータス」プロパティに応じてクラス (ロックまたはロック解除) があることに注意してください。
これで、次のようにして、 class を持つ要素のサイズ変更をキャンセルできますlock
:
$(".resizable").resizable({ cancel: ".lock" });
試してみてください: http://jsfiddle.net/andrewwhitaker/CDUce/