【问题标题】:Jquery Mobile and Mobiscroll: my popup only works onceJquery Mobile 和 Mobiscroll:我的弹出窗口只工作一次
【发布时间】:2012-09-27 19:20:36
【问题描述】:

让 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 事件正确初始化呢?

【问题讨论】:

  • 您是否在控制台中收到任何错误消息?你有一个链接来证明这个问题吗?这段代码在哪里?
  • 此代码在 php 文件中。实际代码本身位于
    中。它是一个私人应用程序,需要某人的用户名/密码,所以我无法将您链接到它。我将如何获取错误消息?我没见过。
  • Jquery Mobile - $.mobile.changepage not loading external .JS files 的可能副本。在这个答案中尝试我的建议。我相信 jQuery Mobile 的 AJAX 特性会在页面更改期间解析您的代码。

标签: jquery ajax jquery-mobile mobiscroll


【解决方案1】:

@Jasper 是对的。对于&lt;div data-role="page"&gt; 之外的任何代码,如果您使用 AJAX,则不会执行。为了让我的代码正常工作,我必须将代码放在 &lt;div&gt;

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签