代码之家  ›  专栏  ›  技术社区  ›  rgksugan

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

  •  2
  • rgksugan  · 技术社区  · 15 年前

    我需要我的对话框打开时,页面自动加载。使用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>
    

    2 回复  |  直到 15 年前
        1
  •  4
  •   azatoth    15 年前

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

        2
  •  0
  •   edl    15 年前

    尝试:

      $(document).ready(function() {
          // Your dialog code here
      });
    

    编辑: