Javascript JQuery Mobile DateBox-多个实例

我正在使用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>

$（document）.bind（“mobileinit”，function（）{
$.mobile.page.prototype.options.degradeInputs.date='text'；
}); 

然后，表单/日期选择器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>

$（document）.bind（“mobileinit”，function（）{
$.mobile.page.prototype.options.degradeInputs.date='text'；
}); 
$（文档）.ready（函数（）{
变量queryDate=$.url.param（“mydate”）；
$（'#date2'）.val（queryDate）；
});

而表格部分：

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

活动日期：
加：

有人有线索吗

---

谢谢

如果您正在使用jquery mobile，请不要将document.ready（）用于jqm。这是行不通的。用这样的东西代替。 查看jqm演示以获得完整的事件列表

此外，所有的js都应该在加载的第一个html中。你的情况是A页。

---

只是因为后续页面是通过ajax加载的，而内部编写的js将不会执行。

Satch3000对于您的大多数问题，请添加您正在尝试的代码，因为添加代码后很难确定到底是什么。谢谢你的建议：）根据我的理解（我可能错了），你所有的JS都应该在主页上，而不是在每个单独的页面上。我使用多个页面，这就是我这样做的原因。那么你是过渡到该页面还是打开一个新页面？

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

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


    });