码

Question

我正在尝试开发一个移动网站，但我被困在一个对话框确认框中。成功登录后，网站将被重定向到home.php，然后当成员点击下一个＆gt;＆gt;时，字段中会有数据库获取的值。按钮它将使用$ _POST []打印confirm.php中之前home.php页面的详细信息。我正在使用http://jquerymobile.com/demos/1.0/

它工作正常，我在confirm.php页面添加了一个新的取消按钮，该按钮将作为对话框弹出框以及“确认”和“取消”按钮打开。 “确认”按钮将撤消home.php中的操作，它也正常工作没有任何问题。问题是，将在对话框中显示的“取消”按钮将不会返回完全加载上一个confirm.php页面。也就是说它会加载confirm.php页面，但它不会完全加载它。

码

home.php

> <!DOCTYPE html>  <html>   <head>    <meta charset="utf-8">    <meta
> name="viewport" content="width=device-width, initial-scale=1">    
> <title>Your Personal Health Record</title>     <link rel= "stylesheet"
> href=
> "http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css"
> />
>       <script src= "http://code.jquery.com/jquery-1.5.2.min.js"></script>    <script src=
> "http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
> 
>     </head> 
>     <body> 
> 
>     <div data-role= "page">
>         <div data-role="header">
>     <h1>Welcome <?php echo $_SESSION['username']; ?>!</h1>
>     <h1> Your Personal Health Record </h1>
>            <a data-icon="arrow-l" class="ui-btn-right ui-btn ui-btn-icon-left ui-btn-corner-all ui-shadow ui-btn-up-c"
> href="logout.php" rel="external" data-theme="c">
>             <span class="ui-btn-inner ui-btn-corner-all">
>                 <span class="ui-btn-text">Logout</span>
>                 <span class="ui-icon ui-icon-arrow-l ui-icon-shadow"></span>
>             </span>
>         </a>  </div>    <form action="confirm.php" method="post"> 
>      <div data-role="fieldcontain">  <fieldset data-role="controlgroup">
>           <label for="fname">First Name:</label>
>           <input type="text" name="fname" id="fname" value="<?php echo $rq['fname']; ?>" />    </fieldset>
>         </div>
>      <div data-role="fieldcontain">  <fieldset data-role="controlgroup">
>           <label for="lname">Last Name:</label>
>           <input type="text" name="lname" id="lname" value="<?php echo $rq['lname']; ?>" />
>      </fieldset>
>         </div> ..... ..... <div data-role="page" id="dialog"><!-- dialog-->
> 
>  <div data-role="header" data-theme="b">  <h1>Do you want to
> cancel?</h1>  </div><!-- /header -->
> 
>  <div data-role="content" data-theme="e">  <p>All changes made in the
> previous step will be lost!</p>  <a href="cancel.php"
> data-role="button" data-theme="b">Confirm</a>   <a href="confirm.php"
> data-role="button" data-theme="b" data-rel="back">Cancel</a>    
> </div>  </div> </body>
> 
> </html>

confirm.php

  ....
    ...
    <div class="ui-grid-a">
         <a href="#dialog" data-theme="b" data-role="button" data-rel="dialog" data-transition="pop">Cancel</a>
     </div>
    ....
    ...

Answer 1

您的代码显示：

<a href="cancel.php" data-role="button" data-theme="b">Confirm</a>  
<a href="confirm.php" data-role="button" data-theme="b" data-rel="back">Cancel</a>

因此，您的'确认'链接指向cancel.php页面，您的'取消'链接指向confirm.php页面。不应该是：

<a href="confirm.php" data-role="button" data-theme="b">Confirm</a>  
<a href="cancel.php" data-role="button" data-theme="b" data-rel="back">Cancel</a>

使用jquery mobile时出现页面加载错误

码

1 个答案: