Question

我在使用JQuery Mobile开发的项目中使用了mobiscroll datetime scroller 2.11.1。我的问题是，在Windows手机中，当我滚动日期时间滚动条时，整个页面滚动而不是仅滚动日期时间。相同的代码在Android和iPhone上运行完美。我在这里粘贴我的实现：

     <link href="{$mobileBase}/Layout/mobiscroll-master/css/mobiscroll.icons.css" rel="stylesheet" type="text/css"/>
    <link href="{$mobileBase}/Layout/mobiscroll-master/css/mobiscroll.scroller.css" rel="stylesheet" type="text/css"/>

      <script type="text/javascript" src="{$mobileBase}/Layout/mobiscroll-master/js/mobiscroll.zepto.js">
       </script>
      <script type="text/javascript" src="{$mobileBase}/Layout/mobiscroll-master/js/mobiscroll.core.js">
      </script>
       <script type="text/javascript" src="{$mobileBase}/Layout/mobiscroll-master/js/mobiscroll.scroller.js">
      </script>  
      <script type="text/javascript" src="{$mobileBase}/Layout/mobiscroll-master/js/mobiscroll.datetime.js">
         </script>
      <script type="text/javascript" src="{$mobileBase}/Layout/mobiscroll-master/js/i18n/mobiscroll.i18n.sv.js">
        </script>

以下文件在运行时加载。我在所有设备上都使用了android主题。

     loadCss(baseUrl+"/layout/mobiscroll-master/css/mobiscroll.scroller.android-holo.css");
      getScriptSync(baseUrl+"/layout/mobiscroll-master/js/mobiscroll.scroller.android-holo.js");
      pickerTheme = 'android';

并且在我的输入标签中有id = txtDateRoundTime，我通过以下方式初始化了mobiscroll datetime：

$("#txtDateRoundTime").mobiscroll().datetime({
      cancelText: 'Cancel',
      setText: 'OK',
      theme: pickerTheme,
      startYear: now.getFullYear(),
      endYear: now.getFullYear() + 2,
      display: 'bottom',
      mode: 'mixed',
      lang: 'sv'
      });

我无法找到滚动日期时间（在Windows手机中）整页滚动的原因。如果你能帮助我摆脱这个问题，我将非常高兴。

提前谢谢。

滚动mobiscroll日期时间滚动条时，Windows手机中的整页滚动

0 个答案: