ページロードjQuery Mobileの使用にエラーが発生しました -- jquery-mobile フィールド 関連 問題

Page loading error on using jquery mobile












0
vote

問題

日本語

私はモバイルウェブサイトを開発しようとしていますが、私はダイアログの確認ボックスで貼り付けられました。ログインが成功した後、Webサイトはhome.phpにリダイレクトされ、その後、メンバーがNext≫ gt;ボタン$ _post []を使用して、Confirm.phpの前のhome.phpページから詳細を印刷します。 http://jquerymobile.com/demos/1.0/

その作業罰金と私は「確認」ボックスと「キャンセル」ボタンと一緒にダイアログポップボックスとして開かれるconfirm.phpページに新しいキャンセルボタンを追加しました。 「確認」ボタンはhome.phpで行われた操作を元に戻します。問題は、ダイアログボックスに表示される「キャンセル」ボタンが前のConfig.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> .... ...
英語

I am trying to develop a mobile website, but I got stucked at a dialog confirmation box. The website will be redirected to a home.php after successful login and then there is a database fetched values in the fields, when the member hits next>> button it will print the details from the previous home.php page in confirm.php using $_POST[]. I am using http://jquerymobile.com/demos/1.0/

Its working fine and I added a new cancel button to the confirm.php page which will be opened as a dialog pop box along with "Confirm" and "Cancel" buttons. The "Confirm" button will undo the operations done in home.php, its also working fine without any problem. The problem is that the "Cancel" button which will be showing in the dialog box will not go back loading the previous confirm.php page fully. That is it will load the confirm.php page but it wont load it fully.

Codes

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

回答リスト

1
 
vote

あなたのコードは:

<事前> <コード> <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>
 

Your code shows:

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

So your 'Confirm' link is pointed to the cancel.php page and your 'Cancel' link is pointed to the confirm.php page. Shouldn't it be:

<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>  
</div
 
 

関連する質問

2  10Sec JQuery MobileごとにDIVを自動ロードしてリフレッシュします  ( Auto load and refresh div every 10sec jquery mobile ) 
jQuery Mobileを使用していて、DIVを特定の時間間隔を更新したいです。 私はを使ってみました <事前> <コード> $( document ).ready(function() { $.getJSON( "data.json", ...

0  ASP.NET:.NET Technologiesを使用して、堅牢なWebアプリケーションを開発するために、どのツールが必要ですか? [閉まっている]  ( Asp net using net technologies to develop robust web applications what tools ) 
現在立つにつれて、この質問は私たちのQ&AMPにとって良いフィットではありません。フォーマット。私たちは事実、参考文献、または専門知識によって支持されることを期待していますが、この質問は...

1  iOS PhoneGapのためのちらつきの修正スクロールの問題  ( Flickering fix for ios phonegap causing scroll issue ) 
私はiOS PhoneGapアプリのためのコードで点滅を削除するためにコードを下回った: <事前> <コード> .ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"], .ui-mobile...

-2  jQuery Mobile Iscrollヘッダ隠れているiOSのテキストフィールドに焦点を当てるか?  ( Jquery mobile iscroll header hiding when focus in text field in ios ) 
jQuery Mobile Iscroll Header iOSアプリでテキストフィールドフォームに焦点を合わせると隠れています。 キーボードが表示されたときにテキストフィールドにフォーカスを置いて修正されたヘッダーを作成する方法。 <事前> <コード> ...

3  jQuery Mobileのいくつかのリンクがロードに立ち往生しています  ( Jquery mobile some links stuck on loading ) 
私はjQuery Mobileを使っていて、タイトルが言うように、何らかの理由でリンクスピナーのローディングスピナーで起動し、次のページを開かないでください。これがコードです: <事前> <コード> <div data-role="page"> <di...

11  jQuery Mobileボタンの背景色  ( Jquery mobile button background color ) 
これはjQuery Mobileボタンの私のコードです <事前> <コード> <a href="#" data-role="button" style="color:green; background-color:red";> Search </a> ...

1  jQuery Mobileで親ページを隠すことなくダイアログページを開くことができますか?  ( Can i open a dialog page without hiding the parent page in jquery mobile ) 
私は2ページを持っています、1つはプロフィールページであり、もう1つはプロフィールページにコメントするダイアログページです。問題は、init()メソッドが起動されたときにプロファイルページにありますが、DOMを更新しますが、ダイアログページがinit()を閉じ...

1  PhoneGap Audio Mediaファイルのアップロードを試みる - Works iOS、ファイルが見つかりませんAndroid  ( Phonegap attempting to upload audio media file works ios file cannot be found ) 
PhoneGap Media APIとiOSの場合は、オーディオを記録し、ファイルAPIを使用しているアプリを記録します。 ユーザーが accept&ampをクリックすると;アップロードボタン、アプリはそのファイルをPhoneGapのFile.FileTr...

0  AjaxとjQueryでHTMLを読み込む方法  ( How to get load html with ajax and jquery ) 
jQueryMobileを使っています。最新の投稿を取得するページがあります。 ViewPosts.phpからHTMLを取得できないようにします。 <事前> <コード> $("#refresh").click(function(){ ...

11  jQuery Mobile Color Swatchを動的に変更します  ( Change jquery mobile color swatch dynamically ) 
JQuery-Mobileボタンの色スウォッチをJavaScriptで動的に変更したいが、「すべてのクラスやイベントハンドラの削除と追加」を除くが、それが乱雑な場合は乱用を除いてください。 それをする最善の方法は何ですか? ...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有