Jquery mobile 将iscroll与jquerymobile一起使用

我正在phonegap中使用jquerymobile构建一个应用程序。我使用下面的代码来实现固定的页眉、页脚和可滚动的内容，使用iscroll.js。问题是我无法滚动内容分区。请帮助我

在此处输入代码
这里有动态内容

#包装器{
位置：绝对；z指数：1；
顶部：45像素；底部：48像素；左侧：0；
宽度：100%；
溢出：自动；
}
#卷轴{
位置：相对位置；
/*-webkit触摸标注：无*/
浮动：左；
宽度：100%；
填充：0；
}

Javascript代码

var myScroll；
函数加载（）{
myScroll=new iScroll（'wrapper'{
OnBeforeCollStart:函数（e）{
var目标=e.target；
而（target.nodeType！=1）target=target.parentNode；
如果（target.tagName！=“选择”&&target.tagName！=“输入”&&target.tagName！=“文本区域”）
e、 预防默认值（）；
}
});
}
addEventListener（'touchmove'，函数（e）{e.preventDefault（）；}，false）；
document.addEventListener（'DOMContentLoaded'，loaded，false）；

您是否在pageloaded事件中刷新了iscroll？

i got iscroll working in jquerymobile by editing js as 

    var myScroll = [];

    $(document).delegate('[data-role="page"]', 'pageshow', function () {

        var $page = $(this);

        // setup iScroll
        $($page.find('#wrapper')).each(function(index) {

            var scroller_id = $(this).get(0);

            myScroll.push(
                new iScroll(scroller_id, {

               useTransform: false,
              onBeforeScrollStart: function (e) {
var target = e.target;
while (target.nodeType != 1) target = target.parentNode;

if (target.tagName != 'SELECT'&& target.tagName !='option'&& target.tagName !='option' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA')
e.preventDefault();
e.stopPropagation();
}

            }));
    });

});

$(document).delegate('[data-role="page"]', 'pagehide', function () {

    // unset and delete iScroll
    for (x in myScroll)
    {
        myScroll[x].destroy();
        myScroll[x] = null;
        myScroll.splice(x, 1);
    }

});

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);