JQuery UI, диалог не может быть центром

может кто-нибудь помочь мне и скажите мне, почему я не могу центрирования JQuery UI Dialog
JQuery UI, диалог не может быть центром

POS

<script src="js/jquery-1.7.1.js"></script> 
<script src="js/jquery.ui.core.js"></script> 
<script src="js/jquery.ui.widget.js"></script> 
<script src="js/jquery.ui.button.js"></script> 
<script src="js/jquery.ui.mouse.js"></script> 
<script src="js/jquery.ui.resizable.js"></script> 
<script src="js/jquery.ui.dialog.min.js"></script> 
<style type="text/css" title="currentStyle"> 
</style> 
<style> 
    </style> 

<script> 
$(function() { 
    $('#addDialog').dialog({modal:true,buttons: { 
      "Delete all items": function() { 
       $(this).dialog("close"); 
      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     },position: 'center'}); 

    $("#resizable").resizable({ 
     animate: true, 
     maxWidth: 400, 
     minWidth: 300, 
     containment: ".fullscreen" 
    }); 

}); 
</script> 

    </head> 
<div id='addDialog' style="display: none;"> 
iohio 
</div> 
<body id="dt_example" style='overflow:hidden;'> 


<div class="fullscreen" style='overflow:hidden;'> 

<div style='float: left; height:90%;' id="resizable" > 


</div> 

<div id="resizable2" style='height:90%; overflow:hidden;'> 

<div id="container"> 

<div id="demo"> 

</div> 

</div> 

</div> 

</div> 
</body> 
</html>

источник

2012-03-26 Evan Lévesque

Ваше левое меню аккордеона не выталкивает страницу вниз при полном расширении. Кроме того, это поможет, если вы разместите источник инициализации для нас здесь, вместо того, чтобы ожидать, что мы будем копать источник вашего сайта. – Josh

Пожалуйста, включите соответствующий исходный код в свой вопрос. – jrummell

Работа здесь http://jsfiddle.net/A9QTw/1/ –

EDIT:

Похоже, вы также должны добавить ссылку на UI Position для документации по диалогу здесь: http://jqueryui.com/demos/dialog/

Кроме того, чтобы предотвратить это в будущем, создайте свою загрузку здесь: http://jqueryui.com/download, чтобы все зависимости были автоматически загружены для функций, которые вы хотите.

Перемещайте addDialog div внутри <body> тега

Это ...

<div id='addDialog' style="display: none;"> 
    iohio 
</div> 
<body id="dt_example" style='overflow:hidden;'>

должен быть

<body id="dt_example" style='overflow:hidden;'> 
    <div id='addDialog' style="display: none;"> 
    iohio 
    </div>

источник

2012-03-26 16:53:06 fehays

Я сделал это, но это не сработало –

Попробуйте добавить библиотеку позиции пользовательского интерфейса. Я не вижу в нем ссылки на них и в соответствии с этим: http://jqueryui.com/demos/dialog/ требуется. – fehays

какая библиотека пользовательского интерфейса? –

Dialog UI требуется «ядро "виджетов", "позиция", и «диалог». Отсутствует «позиция».

источник

2012-03-26 17:10:17 nolabel

Вот как я решил эту проблему, я добавил эту функцию открытия диалогового окна:

open: function() { 
       $('.ui-dialog').css("top","0px");         
        }

Теперь это открывает диалоговое окно в верхней части экрана, независимо от того, где страница прокручивается и во всех браузерах.

источник

2012-06-11 15:25:36 NickBenedict

JQuery UI, диалог не может быть центром

ответ

Смежные вопросы