我在尝试使 iScroll 工作时遇到问题。
目前我正在开发这个使用 Webworks、HTML5、jQuery、JavaScript、CSS 开发的应用程序,该应用程序将同时支持在 OS 6 和 7 上运行的触摸屏和非触摸屏设备。
我们团队正在开发的应用程序还需要检索和显示大量数据,因此会有大量滚动(水平和垂直)。那时我们就开始敲头、拔头发。在 OS 6 和 7 上,即使您将 div 设置为溢出:自动,滚动条也不会出现,并且如果用户尝试使用触控板/轨迹球滚动,滚动不会超出滚动 div 的高度或宽度。
然后我们发现了 iScroll。这很好,但另一个问题是,我们的应用程序的工作方式如下:
我们有一个index.html
<body id="mainBody" onLoad="mainMenu()"></body>
它将加载 mainMenu(),其中包含应用程序其他功能的布局和导航,例如功能一(功能 one_page())、功能二(功能two_page())。 iScroll 初始化于:
<body id="mainBody" onLoad="mainMenu()">
<script type="text/javascript">
var myScroll;
function scroll() {
myScroll = new iScroll('wrapper',);
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
window.addEventListener('load', scroll, false);
</script>
问题 1 - 第二个 iScroll 未初始化
iScroll 将在 mainMenu() 中很好地显示,但 iScroll 不会在 mainMenu() 调用的其他函数中显示。例如,在 mainMenu() 中,有一个指向函数 displayUser() 的链接,我单击该链接,iScroll 将不会显示在那里。这个问题有什么解决办法吗?
问题 2 - 黑莓触控板
还有另一个问题,如果页面显示超过 5 行记录,即使 x-blackberry-focusable="true",触控板焦点导航也无法工作,并且有 onmouseover 和 onmouse 事件来处理焦点事件。也已在 config.xml 中设置。
有人遇到过这些问题吗?任何帮助将不胜感激。
最佳答案
尝试使用基于焦点的导航,
1-添加
<widget>
<rim:navigation mode="focus"/>
<feature id="blackberry.ui.dialog"/>
</widget
在您的 Config.xml 文件中,
2-在您需要的所有表单元素中添加 x-blackberry-focusable="true"
阅读有关基于焦点的导航会很有帮助,还有许多其他可用于改进结果的 future 。 如果您遇到任何解决方案,请在此处分享。
问候
关于javascript - iScroll 和 Blackberry 触控板问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13756364/