Блог

У меня возникла некоторая проблема с этой позицией диалога, на самом деле мое требование заключается в том, что я хочу показать диалоговое окно в окне с 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]



           });             
       });
  

попробуйте этот способ..

   $(".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] );