Question

如果对话框中存在对话框，则无法打开该对话框。

我尝试过：

$("#addDialog").dialog('open');

然后我尝试了按钮$("#openAddDlg")

上的点击事件

  $.mobile.changePage('#addDialog', {
      transition: 'pop',
      changeHash: true,
      role: 'dialog'
  });

当我刷新页面时，它会起作用，但如果此页面从另一个页面加载，那么它将无效。我不知道是什么原因引起的。

网页代码：

<div data-role="page" id="users">

    <div data-role="header">

        <h1 id="userheader">IM Messenger</h1>


        <a href="#" class="ui-btn-right" id="logout">Logout</a>


    </div><!-- /header -->

    <div data-role="content">

    <center>
        <div data-role="navbar">
                <ul>
                    <li><a href="#">Peer</a></li>
                    <li><a href="#">Group</a></li>

                </ul>
            </div><!-- /navbar -->



    </center>
    </div><!-- /content -->



    <div data-role="footer">
        <a href="#" id="openAddDlg" data-role="button" data-rel="dialog">Add Contact</a>
    </div><!-- /footer -->



</div><!-- /page -->

<div data-role="dialog" id="addDialog">
      <div data-role="header">
        <h1>Send Invitation</h1>
      </div>

      <div data-role="content">

        <label for="username">JID:</label>
        <input type="text" name="addjid" id="im-addjid" value="user4@rewire.in"  />

        <label for="username">Name:</label>
        <input type="text" name="addname"  id="im-addname" value="user4"  />

        <a href="#" id="sendInvitation" data-role="button" data-theme="a">Send</a>

      </div>


</div> <!-- dialog add contact -->

无法在jquery mobile中打开对话框

0 个答案: