【问题标题】:Jquery Dialog Position not getting properly?Jquery 对话框位置不正确?
【发布时间】:2014-07-02 06:34:09
【问题描述】:

我对这个对话框位置有一些问题,实际上我的要求是我想在窗口中显示对话框margin-top: 400px;,宽度是窗口宽度,高度是600px。 这段代码对我不起作用!

我也分享屏幕截图,需要在中间显示对话框![在此处输入图像描述][1] 窗口而不是顶部。

       $(document).ready(function(){ 
    var wid = $( window ).width();
    var hig = $( document ).height();
    alert(wid +"---"+ hig );

       $('#advoptions').click(function(){

           $('#advpop').dialog({
           modal:true,
           draggable: false,
           resizable: false,
           width: wid,
           height: '600',
           position:['middle',500]



           });             
       });

【问题讨论】:

    标签: jquery jquery-ui jquery-ui-dialog


    【解决方案1】:

    试试这个方法..

      $(".myValue").mouseover(function() {
    var x = jQuery(this).position().left + jQuery(this).outerWidth();
    var y = jQuery(this).position().top - jQuery(document).scrollTop();
    jQuery("#dialog").dialog('option', 'position', [x,y]);
    });
    

    或者我们可以走这条路

     $('#myMsgx').dialog( 'open' );
     var myMsgX = $(this).position().left - $(this).outerWidth();
     var mymsgY = $(this).position().top - ( $(document).scrollTop() + $('.ui-dialog').outerHeight() );
    $('#myMsgx').dialog( 'option', 'position', [myMsgX, myMsgY] );
    

    【讨论】:

    • 不是错误,我不会得到确切的位置。它将顶部值覆盖为零,最后我通过添加动态内联 css 而不是 jquery 对话框位置选项以其他方式得到它。
    • 如果您解决了问题,请在此处发布答案,这将对其他人有所帮助
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-06-20
    • 1970-01-01
    • 1970-01-01
    • 2011-07-21
    • 1970-01-01
    • 1970-01-01
    • 2017-11-06
    相关资源
    最近更新 更多