jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jqueryui对话定位大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用JQuery UI,并希望将对话框放置在水平居中位置,但垂直方向位于中心位置,也可能是固定的像素数量或与页面顶部的相对距离。有没有办法做到这一点?看起来只有一些预定义的值,或者我可以使用一个确切的位置,但有一个简单的方法来实现这一点?
$("#dialog-form").dialog({
                autoOpen: false,width: 630,position: 'center',modal: true,resizable: false,cloSEOnescape: false

            });

解决方法

使用 position option将对话框的顶部与窗口顶部对齐(加上像素或百分比偏移量)。

这样就可以将对话框水平居中,并将其从顶部定位到150个像素。

$("#dialog-form").dialog({
    autoOpen: false,position: { my: 'top',at: 'top+150' },cloSEOnescape: false
});

较旧版本的jQuery UI使用了一个数组,其中包含一个[x,y]坐标对,从左侧,视口顶角(例如[350,100])的像素偏移量。

var dialogWidth = 630;
$("#dialog-form").dialog({
    // ...
    width: dialogWidth,position: [($(window).width() / 2) - (dialogWidth / 2),150],// ...
});

大佬总结

以上是大佬教程为你收集整理的jqueryui对话定位全部内容,希望文章能够帮你解决jqueryui对话定位所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。