2012-01-15 39 views
0

我想開發一個移動網站,但我被困在一個對話框確認框。該網站將被重定向到一個home.php成功登錄後,然後有一個數據庫獲取值的字段中,當成員點擊下一步>>按鈕時,它將打印在previous.php頁面中使用confirm.php使用的詳細信息$ _ POST []。我正在使用http://jquerymobile.com/demos/1.0/頁面加載錯誤使用jQuery的移動

它的工作正常,我添加了一個新的取消按鈕到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> 
    .... 
    ... 

回答

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頁面和你的'Ca ncel'鏈接指向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>