2011-06-09 13 views
4

私は私たちのサイトのモバイルビューで作業しています。私はJQueryモバイルを実装しようとしていますが、私はあなたが洞察力を持っていることを期待しています。JQuery Mobile、フォーム送信ページの問題

多くのページが検索によって呼び出されます。しかし、ページが検索ボックスから呼び出されたとき、rel = 'external'としてロードすることはできません。したがって、ページはAjax経由でロードされます。大部分のページは、ほとんどの場合、data-role = 'page'に分割された大きなページです。したがって、ページが読み込まれると、そのページ内をナビゲートできなくなりますが、セカンダリセクションは非表示になります。ドキュメントによると、rel = "external"をフォームに入れる必要がありますが、それは私のためには機能しません。フォームを送信してAjaxなしでページをロードすることは可能ですか?

同じトピックの2番目の質問です。クロールでは、歩くファッションの最初のステップは、基本的なモバイルフレンドリーなサイトです。しかし、私はこれもPhoneGapベースのサイトの基盤となることを願っています。私が理解しているところでは、PhoneGapの基本モデルは、ページが常にAjaxで読み込まれるとブラウザロードをトリガーするので壊れてしまいます。 JQMは埋め込まれたdata-role = pageセクションを持つ任意のページをrel = externalでロードする必要があるため、Ajaxの読み込みをオフにします.JQMを使用すると、Phone Gapを使用して後でネイティブクライアントを作成できなくなりますか?

お返事ありがとうございます。

答えて

6

このスクリプトは、jquery minとjquery mobile minの間に置く必要があります。それ以外の場合は有効になりません。これらのajax機能をオフにして$ .mobileに拡張機能を追加すると、問題が解決する可能性があります。 3つは必要ありませんが、すべてあなたの問題に合ったテストです。

<script> 
    $(document).bind('mobileinit',function(){ 

     $.extend( $.mobile , { 
        ajaxFormsEnabled: false, 
      ajaxLinksEnabled: false, 
      ajaxEnabled: false 

     }); 
    }); 

</script> 

携帯電話のアプリケーションではなく、携帯電話のWebサイトでの使用に適しています。それはモバイルデバイス自体とインターフェイスするために特定のライブラリに話すJavascriptで構成されています。

+0

Brandonに感謝します。私は今日これを配置して報告します。 – lostinsea

+0

phonegapに関するコメントは、電話アプリケーションを構築するためのものです。私はそれを電話アプリケーションアーキテクチャの最後の部分と考えています。したがって、まずモバイル専用サイトを構築してください。次に、HTML5でそのサイトにローカルストレージを追加します。その後、ページをキャッシュするようにアプリを変更します。次に、ホームページの読み込み要素をAJAXクエリで作成します。これで、Phone Gapが実際の電話アプリに移行する準備が整いました。 Phone Gapであなたの他の質問がフルスクリーンモードから抜け出したのを見ました。これはあなたの問題に関連しています。 – lostinsea

+0

それをよく見てください。あなたの質問に+1 – lockdown

関連する問題