Question

我可以让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事件正确初始化呢？

Answer 1

@Jasper是对的。对于<div data-role="page">以外的任何代码，如果您正在使用AJAX，则不会执行该代码。要让我的代码工作，我必须将代码放在<div>

的内部

Jquery Mobile和Mobiscroll：我的弹出窗口仅运行一次

1 个答案: