Диалог jquery не выскакивает выше всех элементов

jquery dialog не выскакивает выше всех элементов. Во-первых, у меня есть предварительно построенная структура, содержащая множество разделов. В одном из разделов я закодировал отдельную страницу jsp, чтобы отобразить некоторый график и связал эту страницу jsp в этом разделе. Нажав кнопку на этой странице jsp, я показываю один диалог. Ниже приведен фрагмент кода.Диалог jquery не выскакивает выше всех элементов

<body> 
    <div id="container" style="min-width: 320px; height: 370px; margin: 0 auto"></div> 
    <div id="hugedialog" title="dialog"></div> 
    <script type="text/javascript"> 
     $(function() { 
      $("#hugedialog").dialog({ 
       autoOpen : false, 
       modal : true, 
       show : "blind", 
       hide : "blind", 
       width: 900, 
       height: 700 
      }); 
     }); 

     function popupdlg() { 
      $("#hugedialog").dialog("open"); 
     } 
    </script> 
</body>

Таким образом, я вызываю функцию popupdlg выше, когда нажимается кнопка. Но дело в том, что если я открою эту страницу самостоятельно, она появится правильно. Когда я вставляю это в предварительно подготовленный раздел и нажимаю кнопку, всплывающее окно отображается только в этом разделе, а не появляется по всем элементам. Я попытался ниже вещи, но не повезло 1) .ui-dialog { z-index: 1000 !important ;}

2) Пытался movetotop, но до сих пор не работает

пытался каждый возможный ответ, но не смог добиться успеха. Может ли кто-нибудь помочь в решении этой проблемы, так что диалог должен отображать верхнюю часть всех элементов этой страницы? Одна идея приходит мне на ум, как будто я должен привязать этот div к верхнему элементу на странице. Таким образом, я могу получить верхнюю ссылку и прикрепить диалог div к ней с текущей страницы jsp?

источник

2014-11-24 rick

возможно z-index:9999?

Вы используете загрузку, которую я предполагаю. вы также можете захватить «открытое» событие в своем собственном коде.

источник

2014-11-24 07:52:34 wahwahwah

Изменение z-index не сработало, я даже изменил его на разные цифры, но не повезло. – rick

Как вы решили проблему? – Alexander

Тип всплывающего окна, который вы здесь описываете, очень похож на bootstrap modal, как указано в http://getbootstrap.com/javascript/#modals. Если вы хотите, чтобы это было всплывающее окно, я рекомендую вам использовать bootstrap modal. Если вы случайно не можете использовать загрузку при загрузке всплывающего окна, попробуйте дать какой-то эффект наложения на задний план, чтобы всплывающее окно было видимым смелым поверх других элементов. При загрузке всплывающие окна делают фон немного темным или уменьшают непрозрачность. Надеюсь это поможет.

источник

2014-11-24 07:55:11 SohamKhare

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

Диалог jquery не выскакивает выше всех элементов

ответ

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