如何向 jquery 移动页面添加是/否对话框？答案

【问题标题】：How can I add yes/no dialog to jquery mobile page?如何向 jquery 移动页面添加是/否对话框？
【发布时间】：2011-08-22 05:26:07
【问题描述】：

当我将$(document).ready({alert('it is ready')}); 添加到 SiteMaster.master 页面上的脚本标签中并使用此链接调用该页面时：http://192.168.1.66:90/Reminder/test.aspx#DialogChangeTag.aspx 在使用http://192.168.1.66:90/Reminder/DialogChangeTag.aspx 链接调用它之前我不会工作。

我在哪里犯错了？ DialogChangeTag.aspx：

<%@ Page Title="" Language="C#" MasterPageFile="~/TekContent.master" AutoEventWireup="true"
    CodeFile="DialogChangeTag.aspx.cs" Inherits="DialogChangeTag" %>

<asp:Content ID="Content1" ContentPlaceHolderID="PageIdContent" runat="Server">
    <div data-role="page" id="delete_dialog" data-theme="b">
        <script type="text/javascript">
            $(document).ready(function () {
                alert("calis");
            }); 
        </script>
        <div data-role="content" data-theme="b">
            <h1>
                Delete Item?</h1>
            <p>
                Are you sure you want to delete this item?</p>
            <a href="#" class="delete-dialog-yes" data-role="button" data-theme="b">Yes</a>
            <a href="#" class="delete-dialog-no" data-role="button" data-theme="b">No</a>
        </div>
    </div>
</asp:Content>

Test.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/TekContent.master" AutoEventWireup="true"
    CodeFile="test.aspx.cs" Inherits="test" %>

<asp:Content ID="ContentPage" ContentPlaceHolderID="PageIdContent" runat="Server">
    <div data-role="page" id="pageTest">
        <div data-role="header" data-position="inline">
            <h1>
                TEST HEADER</h1>
        </div>
        <div data-role="content">
            <h2>
                TEST CONTENT</h2>
            <a href="DialogChangeTag.aspx" data-role="button" data-rel="dialog" data-transition="pop">
                Show Dialog</a>
        </div>
        <div data-role="footer" class="ui-bar" id="divFooterContainer">
            <h3>
                TEST FOOTER</h3>
        </div>
    </div>

【问题讨论】：

标签： jquery-mobile live jquery-ui-dialog alert

【解决方案1】：

可能是因为您的 jQuery Mobile 设置为使用 AJAX。 $(document).load() 仅在浏览器中加载新页面时被调用。这意味着当您使用基于 AJAX 的页面时，$(document).load() 将不起作用。如果该页面仅使用 AJAX 加载，则展开 $(document).load() 将解决此问题。解决此问题的更好方法是使用不显眼的客户端代码。看看 Backbone.js。

【讨论】：