我有一个网页,我希望它尽快在页面加载显示一个模式对话框(jQuery UI的对话框)的一些内容.
$(document).ready(function(){
$("#example").dialog();
});
<div id="example" class="flora" title="This is my title">
I'm in a dialog!
</div>
Run Code Online (Sandbox Code Playgroud)
谢谢
您的div标签格式不正确,需要关闭.以下对我有用,但它需要适当的CSS文件.
<html>
<head>
<script type="text/javascript" language="javascript"
src="jquery/jquery.js"></script>
<script type="text/javascript" language="javascript"
src="jquery/jquery.ui.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#example").dialog({modal: true});
});
</script>
</head>
<body>
<div id="example" class="flora" title="This is my title">
I'm in a dialog!
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)