[英]JQuery Mobile DateBox - more than 1 instance
我正在使用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>
有人有任何线索吗?
谢谢
如果您正在使用jquery mobile,请不要将document.ready()用于jqm。 不起作用。 使用这样的东西。 查看jqm演示以获取完整的事件列表。 演示
$(document).live('pageshow',function() {
var queryDate = $.url.param("mydate");
$('#date2').val(queryDate);
});
此外,所有js都应该在加载的第一个html中。 在你的情况下,它是页面A.只是因为后续页面是通过ajax加载的,并且内部写入的js将不会被执行。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.