JQuery Mobile DateBox - 超過1個實例

Question

我正在使用JQuery Mobile Datebox，因為我遇到以下問題。

我有第A頁和第B頁。

如果我轉到頁面B並打開名為“date2”的日期選擇器，則關閉它並單擊主頁鏈接，該鏈接轉到頁面A.

現在，我在頁面a，然后按下按鈕打開日期選擇器A，稱為“日期”...

問題是，我正在打開......這就像是他們都打開了什么。

如何關閉日期選擇器的實例呢？

這是第A頁的相關代碼：

在頭部：

<script type="text/javascript">
        $( document ).bind( "mobileinit", function(){
            $.mobile.page.prototype.options.degradeInputs.date = 'text';
        }); 
    </script>

然后表格/日期選擇器1：

<form action="#" method="POST">
        <div data-role="fieldcontain" style="visibility:hidden;">
          <input value="" name="date" type="date" data-role="datebox" id="date" data-theme="a" data-options='{"mode": "calbox", "pickPageTheme": "a", "pickPageHighButtonTheme": "e", "setDateButtonLabel": "Calendar", "useDialogForceTrue": false, "useDialogForceFalse": true }'/>   


          </div>
          </form>

現在是B頁的相關代碼

在頁面頭部：

<script type="text/javascript">
        $( document ).bind( "mobileinit", function(){
            $.mobile.page.prototype.options.degradeInputs.date = 'text';
        }); 
    </script>

<script language="javascript">
    $(document).ready(function() {

       var queryDate = $.url.param("mydate");
       $('#date2').val(queryDate);


    });

</script>

表格部分：

<form action="save.php" method="POST">

          <label for="date2" style="margin:10px 0px;">Event Date:</label>
          <input value="1/1/2011" name="date2" type="date" data-role="datebox" id="date2" data-theme="a" data-options='{"pickPageTheme": "a", "pickPageHighButtonTheme": "e", "setDateButtonLabel": "Add Date", "dateFormat": "dd/mm/YYYY"}'/>  

          <label for="textarea">Add:</label>
                <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
                <input type="submit" value="Save" data-theme="a" />


          </form>

有人有任何線索嗎？

謝謝

Answer 1

如果您正在使用jquery mobile，請不要將document.ready（）用於jqm。 不起作用。 使用這樣的東西。 查看jqm演示以獲取完整的事件列表。 演示

 $(document).live('pageshow',function() {

       var queryDate = $.url.param("mydate");
       $('#date2').val(queryDate);


    });

此外，所有js都應該在加載的第一個html中。 在你的情況下，它是頁面A.只是因為后續頁面是通過ajax加載的，並且內部寫入的js將不會被執行。