Question

我的目标是做一个手机间隙的android项目。

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

我看到有很多选项，例如

hammer，zepto，jquerysloution，quo＆amp; 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 });

我从here

复制了 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

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

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

我也发现警告因为我们正在等待WebCore的降落响应而失误。

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

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

针对此问题的任何补救措施或解决方案

如何动态实现phonegap-android的SWIPE VIEW？

0 个答案: