javascript – 如何在jQuery UI对话框上设置包含?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在jQuery UI对话框上设置包含?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有可能将包含(限制在另一个元素的边界)添加到jQuery UI的 Dialog

解决方法

您可以定位对话框并对其应用包含.试试这个:
var container = $('.dialog-container'),dialog = $('.ui-dialog');
// get container top left corner locations
var cx1 = container.offset().left,cy1 = container.offset().top;
// get dialog size
var dw = dialog.outerWidth(),dh = dialog.outerHeight();
// get container bottom right location,then subtract the dialog size
var cx2 = container.width() + cx1 - dw,cy2 = container.height() + cy1 - dh;
dialog.draggable( "option","containment",[cx1,cy1,cx2,cy2] );

编辑:我为你设置了a demo.Edit2:更改为使用对话框outerWidth& outerHeight

猜你在找的jQuery相关文章