jquery可调整大小返回false
我有一个属性状态为lock的对象。表示此对象的div可调整大小并可拖动 对于可拖动,如果我使用以下逻辑,那么拖动将被有效锁定 开始:{…如果状态==锁定,则返回false…} 但同样的可调整大小逻辑不起作用 我可以设置ResizebleDisabled,但不知道是否可以在start或resize事件中停止调整大小jquery可调整大小返回false,jquery,jquery-ui,jquery-ui-resizable,Jquery,Jquery Ui,Jquery Ui Resizable,我有一个属性状态为lock的对象。表示此对象的div可调整大小并可拖动 对于可拖动,如果我使用以下逻辑,那么拖动将被有效锁定 开始:{…如果状态==锁定,则返回false…} 但同样的可调整大小逻辑不起作用 我可以设置ResizebleDisabled,但不知道是否可以在start或resize事件中停止调整大小 谢谢看起来您无法从开始/调整大小方法取消调整大小事件 可以使用“取消”选项指定不应用可调整大小的事件的选择器。使用此策略,您必须向每个可调整大小的div添加一个类,指示是否要调整其大小
谢谢看起来您无法从开始/调整大小方法取消调整大小事件 可以使用“取消”选项指定不应用可调整大小的事件的选择器。使用此策略,您必须向每个可调整大小的div添加一个类,指示是否要调整其大小 例如,假设您有这样一个数据集:
var data = [
{ id: 'test1', status: 'lock' },
{ id: 'test2', status: 'unlock' },
{ id: 'test3', status: 'lock' }
];
var i, length = data.length;
for(i = 0; i < length; i++) {
$("body").append("<div id='" + data[i].id + "' class='resizable " + data[i].status + "'/>");
}
您想用状态锁定这些项目:lock。假设您有这样的代码,可以从该数据创建DOM元素:
var data = [
{ id: 'test1', status: 'lock' },
{ id: 'test2', status: 'unlock' },
{ id: 'test3', status: 'lock' }
];
var i, length = data.length;
for(i = 0; i < length; i++) {
$("body").append("<div id='" + data[i].id + "' class='resizable " + data[i].status + "'/>");
}
请注意,元素现在有一个类锁定或解锁,这取决于它们的“status”属性
现在,您可以执行以下操作来取消对带有类锁的元素的大小调整:
$.resizeable.resizeable{cancel:.lock}
试试看:谢谢,这是一个很好的方法。我接受了这个答案,但对于我的应用程序,我有一个mousedown事件,所以当对象标志设置为“Lock”时,我调用evt.stoppropogation,这样我就不必分别编写可调整大小和可拖动的代码。