jquery 对话框位置不起作用

用户2370664

我无法让我的 jquery 对话框出现在页面顶部。我已经尝试了我在网上看到的所有内容,但它只是不会移动。以下是我尝试过的几件事:

$('#dlgChange').dialog({
    autoOpen: false,
    modal: true,
    width: '800',
    resizable: false,
    title: Details,
    position: {
        my: "left top",
        at: "left top",
        of: window,  //I also tried $('.right-container) - this is the full right side of my page
        collision: "none"
    }
});

$('#dlgChange').dialog({
    autoOpen: false,
    modal: true,
    width: '800',
    resizable: false,
    title: 'Details',
    position: 'top',
});

我试图在对话框打开后调整位置:

$('#dlgChange').dialog('option', 'position', 'top');

没有将对话框移动到页面顶部。它始终处于中心位置。我需要将它向上移动,因为对话框的底部正在移出页面。我有 jquery-ui 版本 1.12.1 和引导程序 3.3.6。似乎导致问题的 css 是下面的粗线。

 .ui-dialog {    
            left: 50% !important;
            **top: 50% !important;**
            margin-left: -175px !important;
            margin-top: -175px !important;
            position: fixed;
        }

任何帮助是极大的赞赏。谢谢你

阿里·索尔塔尼

你可以这样做:

var yourPosition = {
  my: "center top",
  at: "center top+50"
};
$(function() {
  $("#dlgChange").dialog({
    position: yourPosition,
  });
});

在线演示 (jsFiddle)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery对话框不起作用

来自分类Dev

对话框jQuery不起作用

来自分类Dev

jQuery对话框不起作用

来自分类Dev

jQuery对话框不起作用

来自分类Dev

导航到jQuery Mobile对话框不起作用

来自分类Dev

jQuery UI对话框的“关闭”按钮不起作用

来自分类Dev

jQuery打开弹出对话框不起作用

来自分类Dev

jQuery Mobile对话框页面不起作用

来自分类Dev

对话框的div按钮单击对话框中的jquery for循环不起作用

来自分类Dev

jQuery UI Selectmenu在对话框中不起作用

来自分类Dev

jQuery自定义UI对话框不起作用

来自分类Dev

客户端验证在jQuery UI对话框中不起作用

来自分类Dev

我使用jQuery对话框后按钮不起作用

来自分类Dev

单击按钮时,jQuery ui对话框不起作用

来自分类Dev

按Enter键时jQuery对话框不起作用

来自分类Dev

分页时启用MVC4 Ajax的WebGrid Jquery对话框不起作用

来自分类Dev

jQuery对话框中的所见即所得编辑器不起作用

来自分类Dev

$ .validator.unobtrusive.parse在将部分视图加载到jquery-ui对话框时不起作用?

来自分类Dev

jQuery对话框中的所见即所得编辑器不起作用

来自分类Dev

JQuery UI对话框按钮的启用和禁用在第一次打开时不起作用,但在以后的打开中却起作用

来自分类Dev

如何更改JQuery对话框的位置

来自分类Dev

jQuery UI对话框边框在1.12.1中不再起作用

来自分类Dev

jQuery对话框在双监视器中不起作用

来自分类Dev

jQuery对话框在双监视器中不起作用

来自分类Dev

md对话框不起作用

来自分类Dev

对话框不起作用

来自分类Dev

对话框消息不起作用

来自分类Dev

md对话框不起作用

来自分类Dev

模态对话框不起作用

Related 相关文章

热门标签

归档