jquery - 如何在页面加载时自动打开 jquery ui 对话框?

标签 jquery jquery-ui dialog jquery-ui-dialog

我需要在页面自动加载时打开对话框。使用 jquery 的方法是什么?无需任何用户交互即可打开它。

我尝试了这段代码,但它不起作用

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/style.css" media="screen,projection" />
        <script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
        <link type="text/css" href="css/jquery-ui-1.8.1.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="script/jquery-ui-1.8.1.custom.min.js"></script>
        <script type="text/javaScript">
            $(function(){
                $('#dialog').dialog({
                    autoOpen: true,
                    width: 600,
                    buttons: {
                        "Ok": function() {
                            $(this).dialog("close");
                        }
                    }
                });
            });
        </script>
    </head>
    <%
                if (session.getAttribute("user") == null) {
                    response.sendRedirect("index.jsp");
                }
    %>
    <body>
        <div id="wrap">
            <div id="header">
            </div>

            <div id="leftside">
                <h2 class="hide">Sample menu:</h2>
                <ul class="avmenu">
                    <li><a href="dashboard.jsp" class="current">Dash Board</a></li>
                    <li><a href="createpoll.jsp">Create Poll</a></li>
                    <li><a href="availpoll.jsp">Vote Poll</a></li>
                    <li><a href="viewresults.jsp">View Results</a></li>
                    <li><a href="underconstruction.jsp">Settings</a></li>
                    <li><a href="logout">Log Out</a></li>
                </ul>
            </div>

            <div id="contentwide">
                <%@page import="com.jSurvey.entity.question" %>
                <%@page import="com.jSurvey.controller.questionJpaController" %>
                <%
                  //code to write data to database
                %>
                <div id="dialog"><p>Data Added successfully</p></div>
            </div>
            <div id="footer">
            </div>
        </div>
    </body>
</html>

请帮忙。

最佳答案

使用autoOpen: true,使其在页面加载时直接打开

关于jquery - 如何在页面加载时自动打开 jquery ui 对话框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2982779/

相关文章:

javascript - 如何在定义为对象一部分的地方获取当前函数名称?

Jquery UI Accordion 不适用于嵌套表

c# - 在 C# 中显示带有文本输入的对话框

html - 如何显示类似于来自 span 元素的对话框消息的弹出窗口

javascript - jquery : event : event. preventDefault(); , e 未定义

.net - 确认框始终首先显示(javascript、jQuery、.Net)

javascript - 浏览器后退按钮导致隐藏字段出现问题

javascript - 可拖动不显示可拖动项目并放置到错误的可放置项

java - 这可以作为Java中的选项对话框吗?

javascript - 导航到另一个页面后保留 CSS 样式