让 mobiscroll 日期时间选择器工作的唯一方法是禁用 ajax 并从其他文件设置 rel="external"。我想要Jquery的ajax平滑过渡,但我无法让它工作。这就是我设置声明的方式:
$('#gauge_page').live('pageinit', function(event)
{
alert( 'This page was just enhanced by jQuery Mobile!' );
var now = new Date();
var then = new Date();
then.setHours(then.getHours()-12);
$('#start_datetime').scroller({
preset: 'datetime',
theme: 'android-2',
display: 'modal',
mode: 'scroller',
dateFormat: 'mm/dd/yy',
timeFormat: 'hh:ii a'
});
$('#start_datetime').scroller('setDate', then, true);
$('#end_datetime').scroller({
preset: 'datetime',
theme: 'android-2',
display: 'modal',
mode: 'scroller',
dateFormat: 'mm/dd/yy',
timeFormat: 'hh:ii a'
});
$('#end_datetime').scroller('setDate', now, true);
});
<div id="date_form_start">
<h4><b>Start</b></h4>
<input type="text" name="start_datetime" id="start_datetime" class="date_form_field_datetime" />
</div>
alert() 消息每次都会显示,但日期字段仅在我刷新页面时才会初始化。那么如何让它通过 pageinit 事件正确初始化呢?
最佳答案
@Jasper 是对的。对于 <div data-role="page">
之外的任何代码如果您使用 AJAX,则不会执行它。为了让我的代码正常工作,我必须将代码放在 <div>
内。
关于Jquery Mobile 和 Mobiscroll : my popup only works once,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12628604/