如何在jQuery UI对话框上设置容器? [英] How do I set the containment on a jQuery UI Dialog?

问题描述

是否可以在jQuery UI的对话框?

Is it possible to add containment (confining to the boundary of another element) to jQuery UI's Dialog?

推荐答案

您可以定位对话框并将其包含在其中.试试这个:

You could target the dialog box and apply a containment to it. Try this:

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] );

我为您设置了一个演示.
更改为使用对话框externalWidth& externalHeight

I set up a demo for you.
Changed to use dialog outerWidth & outerHeight

这篇关于如何在jQuery UI对话框上设置容器?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！