Javascript jQuery可调整大小。Live()
当我试图销毁可调整大小的div时,悬停函数on.ui resizeable se不起作用。我想我必须使用jquery live()。但我无法清晰地整合它 如果在页面加载时悬停.ui-resizable-se或.ui-resizable-e,函数将工作,但如果再次悬停,则不会发生任何事情。我怎样才能克服这个问题Javascript jQuery可调整大小。Live(),javascript,jquery-ui,jquery,resizable,Javascript,Jquery Ui,Jquery,Resizable,当我试图销毁可调整大小的div时,悬停函数on.ui resizeable se不起作用。我想我必须使用jquery live()。但我无法清晰地整合它 如果在页面加载时悬停.ui-resizable-se或.ui-resizable-e,函数将工作,但如果再次悬停,则不会发生任何事情。我怎样才能克服这个问题 $('#resizable').resizable({ aspectRatio:false }); $('.ui-resizable-se').hover(functi
$('#resizable').resizable({
aspectRatio:false
});
$('.ui-resizable-se').hover(function(){
keep("resizable");
});
$('.ui-resizable-e').hover(function(){
dontKeep("resizable");
});
源链接:由于您调用了
resizeable(“destroy”)代码>呼叫那个
完全删除可调整大小的功能。这将使元素返回其初始前状态
如果您希望它仍然可用,您应该在可调整大小(“禁用”)
和可调整大小(“启用”)
之间切换,或者完全重新初始化可调整大小的div。如果不了解您的目标(或其他代码),很难判断最佳选项是什么。您也可以只更新选项
:
function dontKeep(val){
$("#"+val).resizable("option", 'aspectRatio', false);
alert("dont keep");
}
function keep(val){
$("#"+val).resizable("option", 'aspectRatio', true);
alert("keep");
}
尝试使用事件委派,因为您可能正在处理动态元素
$(document).on('mouseenter mouseleave', '.ui-resizable-e', function(){
dontKeep("resizable");
});
$(document).on('mouseenter mouseleave', '.ui-resizable-se', function(){
keep("resizable");
});
演示:live
从1.7版开始就被弃用,并在1.9版中被删除。你应该改用。