1

我的目标是做一个手机gap-android项目。

我想在电话间隙中实现滑动视图（如在带有页面控制器的 android 中），但最好使用 Java 脚本。

我看到有很多选择，例如

锤子、zepto、jquerysloution、quo和iScroll。

其中哪一个是最好的，还是其他更好的实现？（最好在 java 脚本中）

我还注意到，对于所有这些，我们需要提供滑动的内容编号，例如第 1 页、第 2 页 ....等。

**如何根据数据库中的内容数量创建滑动视图？

我已经尝试使用 iscroll 实现...

这是scroll.js代码..

document.addEventListener("orientationchange", updateLayout);

// The wrapperWidth before orientationChange. Used to identify the current page number in updateLayout();
wrapperWidth = 0;

var myScroll = new iScroll("pageWrapper", {
    snap: true,
    momentum: false,
    hScrollbar: false,
    vScrollbar: false,
        lockDirection: true});

    updateLayout();

    function updateLayout() {

        var currentPage = 0;

        if (wrapperWidth > 0) {
            currentPage = - Math.ceil( $("#swipe_body").position().left / wrapperWidth);
        }

        wrapperWidth = $("#pageWrapper").width();

        $("#swipe_body").css("width", wrapperWidth * 4);
        $(".page").css("width", wrapperWidth - 40);
        myScroll.refresh();
        myScroll.scrollToPage(currentPage, 0, 0);
    }

    page3Scroll = new iScroll("wrapper", {hScrollbar: false, vScrollbar: false, lockDirection: true });

我从这里复制了iscroll.js

当我运行程序时，我得到一个错误

04-22 18:26:01.892: E/Web Console(2453): TypeError: Result of expression 'that.wrapper' [null] is not an object. at file:///android_asset/www/iscroll.js:57

因为，我遇到了错误，所以我尝试使用 [这里] （https://github.com/cubiq/SwipeView/blob/master/src/swipeview.js）的 SwipeView.js 来实现它，它进入了循环..显示页面控制器，但缺少以下内容

  • 页面控制器被垂直而不是水平看到
  • 为滑动视图设置的图像不可见。
  • 页面垂直移动而不是水平移动

我还发现一个 WARNING 作为 Miss a drag ，因为我们正在等待 WebCore 对着陆的响应。

我尝试添加以下代码...没有变化

document.addEventListener( "touchstart", function(e){ onStart(e); }, false );
    function onStart ( touchEvent ) {
      if( navigator.userAgent.match(/Android/i) ) {
       touchEvent.preventDefault();
      }
    }

有什么补救措施或解决方案吗？

4

0 回答 0