Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.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/2/jquery/81.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 UI:可调整大小的单击事件_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript jQuery UI:可调整大小的单击事件

Javascript jQuery UI:可调整大小的单击事件,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,从中复制了以下代码 #可调整大小{宽度:150px;高度:150px;填充:0.5em;} #可调整大小的h3{文本对齐:居中;边距:0;} $(函数(){ $(“#可调整大小”).resizable(); }); 可调整大小 它将输出此信息。 我想捕捉每个光标位置的双击事件,以便 通过水平重新调整光标双击,我可以在原始和最大可用宽度之间切换当前可调整大小的宽度 通过垂直重新调整光标双击,我可以在原始高度和最大可用高度之间切换当前可调整大小的高度 双击对角线重新调整大小光标,我可以在原始和最

从中复制了以下代码


#可调整大小{宽度:150px;高度:150px;填充:0.5em;}
#可调整大小的h3{文本对齐:居中;边距:0;}
$(函数(){
$(“#可调整大小”).resizable();
});
可调整大小
它将输出此信息。

我想捕捉每个光标位置的双击事件,以便

  • 通过水平重新调整光标双击,我可以在原始和最大可用宽度之间切换当前可调整大小的宽度
  • 通过垂直重新调整光标双击,我可以在原始高度和最大可用高度之间切换当前可调整大小的高度
  • 双击对角线重新调整大小光标,我可以在原始和最大可用宽度和高度之间切换当前可调整大小的宽度和高度

  • 处理程序具有特定的类名:

    ui-resizable-se//bottom right
    ui-resizable-s//bottom
    ui-resizable-e//right
    
    您可以选择它们并绑定dblclick:

    $('.ui-resizable-se').dblclick(function(){alert('clicked bottom right handle');})
    

    指向将使用
    $(this.parent()

    在函数内部获得的可调整大小的指针处理程序具有特定的类名:

    ui-resizable-se//bottom right
    ui-resizable-s//bottom
    ui-resizable-e//right
    
    您可以选择它们并绑定dblclick:

    $('.ui-resizable-se').dblclick(function(){alert('clicked bottom right handle');})
    

    使用
    $(this.parent()

    使用firebug查找要附加事件的元素(如:.ui-resizeble-e-自解释),并使用例如:$(“.ui-resizeble-e”).dblclick(myFunctionToResize); $(".ui-resizable-e").dblclick(myFunctionToResize);
    这就是您的意思吗?

    使用firebug查找要附加事件的元素(如:.ui-resizable-e-自解释),并使用例如:$(“.ui-resizable-e”).dblclick(myFunctionToResize); $(".ui-resizable-e").dblclick(myFunctionToResize); 这就是你的意思吗