0

jquery mobile で Web アプリを作成しています。あるページには、部屋を予約するための小さなフォームがあります。2 つの入力ボックスがあります。これらのボックスには開始 DateTime があり、もう一方のボックスには終了 DateTime があります。

入力ボックスをクリックすると、DateTime を挿入できるポップアップ ボックスが表示されます。プラグインはmobiscrollと呼ばれます。

私はJSでこのように開いています。

  $('[data-role=page]').live('pageinit', function(event){
        $("#DATUM_BEGIN").scroller({ preset: 'datetime',theme: 'jqm', mode: 'mixed',display:'modal'});

        $("#DATUM_EINDE").scroller({ preset: 'datetime',theme: 'jqm', mode: 'mixed',display:'modal'});
});

初めて行うのは正しいです。しかし、たとえば、終了日を入力して送信ボタンでフォームを送信するのを忘れた場合。画面にエラーメッセージを表示します。しかし、いつ日付を入力したいのですか？ポップアップ ボックスは表示されません。

これを正しい方法で解決する方法を知っている人はいますか?

編集：解決策

解決策が見つかりました。ajaxを無効にするだけで機能します。属性を使用して、フォームで ajax を無効にすることができますdata-ajax=false

4

1 に答える 1

0

使用する必要があります

$(page).live('pageinit', function(event){
    // Your code
    // 'page' is a selector for the jquery mobile page you want to work on
});

それ以外の：

$(document).ready(function(){});

ここで理由を見ることができますhttp://jquerymobile.com/demos/1.1.0/docs/api/events.html 私はそれがこの問題かもしれないと思いますが、そうでなくても、私はそのように働きます.頭痛。

于 2012-05-14T07:01:06.290 に答える