Javascript 如何动态实现phonegap android的滑动视图？

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

我想在android中实现滑动视图，在phone gap中使用页面控制器，但最好使用Java脚本

我看到有很多选择，比如

，，，&

其中哪一个是最好的，或者其他更好的实现方式？最好是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

由于我面临错误，我尝试使用SwipeView.js实现它，从[here]开始，它进入循环..页面控制器显示，但缺少以下内容

页面控制器是垂直显示的，而不是水平显示的 为“滑动”视图设置的图像不可见。 页面垂直移动，而不是水平移动 我还发现了一个警告，因为我们正在等待WebCore对着陆的响应

我尝试添加以下代码…没有更改

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

---

有什么补救办法或解决办法吗？？？

运气好吗？你能解决这个问题吗？2-Stroker，我可以通过切换到该选项部分解决问题，但我面临并仍然面临两个问题1是在滑动时，如果我给幻灯片留有空白…当我滑动时，空间会累积起来，并且在第四次滑动时只能看到幻灯片的一半…第二个问题不是动态的…类似于根据幻灯片的长度数据…您需要设置值…**否则工作正常**问题中的此代码结构就是此问题的确切答案。请告诉我答案。