Ошибка загрузки страницы при использовании jquery mobile - PullRequest
0 голосов
/ 15 января 2012

Я пытаюсь разработать мобильный веб-сайт, но застрял в диалоговом окне подтверждения. После успешного входа в систему веб-сайт будет перенаправлен на home.php, а затем в поля будут извлечены значения из базы данных. Когда пользователь нажимает кнопку «следующий >>», он выводит на экран данные с предыдущей страницы home.php в файле verify.php, используя $ _POST []. Я использую http://jquerymobile.com/demos/1.0/

Работает нормально, и я добавил новую кнопку отмены на страницу подтверждения.php, которая будет открыта в виде всплывающего диалогового окна вместе с кнопками «Подтвердить» и «Отмена». Кнопка «Подтвердить» отменит операции, выполненные в home.php, она также работает без проблем. Проблема заключается в том, что кнопка «Отмена», которая будет отображаться в диалоговом окне, не вернется к полной загрузке предыдущей страницы подтверждения. То есть он загрузит страницу verify.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 Ответ

1 голос
/ 24 июля 2012

Ваш код показывает:

<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, а ссылка «Отмена» - на страницу подтверждения.Разве это не должно быть:

<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> 
...