Jquery Mobile DateBoxプラグインは、ページに直接リンクされている場合のみ動作します

Question

JqueryMobileの最新ビルドを持つページにDateBox（http://dev.jtsage.com/jQM-DateBox/）プラグインを使用していますが、奇妙なバグが見つかりました。 私のアプリケーションをindex.htmlで開き、ページを日付ピッカーでナビゲートすると、これが表示されます - http://cl.ly/19022K40472e3k0D0D2H

ただし、アドレスバーから直接ページに移動しても問題なく表示されますそれはすべきだ。

だから、これに問題がある人は誰ですか？またはそれを修正する方法を任意のアイデア？

また、テキストフィールドに現在の日付の表示方法を知っている人もいますか？

ありがとうございました。

Answer 1

1）dateboxのCSSが正しく読み込まれていないという問題があるようです.inddboxのCSSをindex.htmlに読み込んでいますか？その場合、datepickerで直接ページに行くと、 CSSがロードされていない可能性があります.Firefoxの場合はfirebug、Chrome/Safariのビルド済みの開発ツールでは、datebox cssが読み込まれているかどうかを確認することができます（読み込まれたすべてのリソースを確認するには、リソースタブを確認してください）

2）これをチェックしてください例 - http://jsfiddle.net/BNsPB/。この例では、私はあなたの実際のコードをチェックした後、あなたがpageinitまたはpagecreateイベントハンドラ

でそれを記述する必要がありますあなたの場合には、文書準備にコードを書いた私は、あなたがpageshowイベントハンドラで上記のコードスニペットを追加する必要がありますと思いますこのように：（bookingPageがページのIDであると仮定）

$("#bookingPage").live('pageshow',function(event, ui){ 
    var today = new Date(); 
    var todayStr = today.getFullYear()+"-"+(today.getMonth()+1)+"-"+today.getDate(); 
    $('#mydate').trigger('datebox', {'method':'set', 'value':todayStr}); 
    }); 
}); 

Answer 2

あなたはあなたのサイトが最初のインスタンス（おそらくindex.html）にまで移動し、実際のファイル内のファイルをロードする必要があります。日付ピッカーページでCSSとプラグインコードを参照したように聞こえますが、デフォルトモードでは、jQMはajaxハッシュベースのナビゲーションシステムを使用しているため、getから直接利用できるようにアセットを参照する必要があります-go。