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（以及对话框插件）的运行。

Answer 2

该对话框默认隐藏。尝试将autoOpen = true。

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

否则你需要触发open事件：

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

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

2 个答案: