Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery可调整大小。Live()_Javascript_Jquery Ui_Jquery_Resizable - Fatal编程技术网

Javascript jQuery可调整大小。Live()

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

当我试图销毁可调整大小的div时,悬停函数on.ui resizeable se不起作用。我想我必须使用jquery live()。但我无法清晰地整合它

如果在页面加载时悬停.ui-resizable-se或.ui-resizable-e,函数将工作,但如果再次悬停,则不会发生任何事情。我怎样才能克服这个问题

  $('#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版中被删除。你应该改用。