Блог

Я просто пытаюсь создать простое модальное сообщение при загрузке страницы. Есть тонны сообщений об этом, но я все еще не могу заставить это работать.

У меня это в голове

 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">                                         
$(document).ready(function() {                         
 $("#ModalMessage").dialog({modal: true});  
});
</script>
  

и в теле

 <div id="ModalMessage" title="Test" style="display:none;">
yadda yadda yadda
</div>
  

Я думал, что это все, что было нужно, но все, что я получаю, это пустая страница, есть идеи?

TIA

Теги вашего скрипта в заголовке не в порядке. Сначала должен быть jQuery, затем jquery-ui. Это предотвратило бы запуск jquery-ui (и, следовательно, плагина dialog).

Диалоговое окно по умолчанию скрыто. Попробуйте установить значение AutoOpen = true.

 $("#ModalMessage").dialog({modal: true, autoOpen : true});  
  

В противном случае вам необходимо запустить событие open:

 $("#ModalMessage").dialog("open")