在页面加载时打开jquery模式对话框

4 javascript jquery jquery-ui

我有一个网页,我希望它尽快在页面加载显示一个模式对话框(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)

谢谢

tva*_*son 5

您的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)