页面加载时的 jQuery 模式对话框

Question

我只是想在页面加载时执行一个简单的模式消息。有大量关于这样做的帖子，但我似乎仍然无法使其发挥作用。

我脑子里有这个

<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

Answer 1

头部的脚本标签乱序。 JQuery 应该是第一个，然后是 jquery-ui。这将阻止 jquery-ui(以及对话框插件)运行。