jquery resizable return false

Question

Ich habe ein Objekt, das eine Eigenschaft status = "lock" hat. Das div, das dieses Objekt darstellt, ist in der Größe veränderbar und ziehbar.

Für die ziehbar, wenn ich die folgende Logik verwenden dann das Schleppen gesperrt effektiv Start: {... wenn Status == Sperre dann false zurück ...}

Aber die gleiche Logik für veränderbare tut nicht

arbeiten

ich die Größe geändert („disabled“) einstellen, aber frage mich, ob ich die Größe ändern innerhalb Start stoppen oder Ereignisse

Sie die Größe Vielen

Answer 1

Es sieht nicht wie Sie stornieren resize-Ereignis von den s tart/resize Methoden.

Sie können einen Selektor angeben, auf den in der Größe veränderbare Ereignisse nicht zutreffen, mit der Option cancel. Bei dieser Strategie müssten Sie jeder skalierbaren Größe div eine Klasse hinzufügen, die angibt, ob die Größe geändert werden soll oder nicht.

Zum Beispiel können sagen, dass Sie ein Dataset wie folgt hatte:

var data = [ 
    { id: 'test1', status: 'lock' }, 
    { id: 'test2', status: 'unlock' }, 
    { id: 'test3', status: 'lock' } 
]; 

Und Sie wollten diese Elemente mit dem Status sperren: „sperren“. Angenommen, Sie Code haben, das Element DOM aus diesen Daten wie folgt erstellt:

var i, length = data.length; 
for(i = 0; i < length; i++) { 
    $("body").append("<div id='" + data[i].id + "' class='resizable " + data[i].status + "'/>"); 
} 

Beachten Sie, dass Elemente jetzt eine Klasse (Sperren oder Entsperren) in Abhängigkeit von ihrer ‚Status‘ Eigenschaft.

Jetzt können Sie die folgenden abzubrechen auf Elemente mit einer Klasse tun Ändern der Größe lock:

$(".resizable").resizable({ cancel: ".lock" });

Probieren Sie es aus: http://jsfiddle.net/andrewwhitaker/CDUce/