jquery 可调整大小返回 false

Question

我有一个具有属性 status="lock" 的对象。代表这个对象的 div 是可调整大小和可拖动的。

对于可拖动对象，如果我使用以下逻辑，则拖动被有效锁定 start: {... if status==lock then return false ...}

但是调整大小的相同逻辑不起作用

我可以设置 resizable("disabled") 但我想知道是否可以在开始或调整大小事件中停止调整大小

谢谢

Answer 1

您似乎无法从 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 + "'/>");
}

请注意，元素现在具有取决于其“状态”属性的类（锁定或解锁）。

现在，您可以执行以下操作来取消对具有类 lock 的元素的大小调整：

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

试试看：http://jsfiddle.net/andrewwhitaker/CDUce/