使用iscroll和jquery移动绑定问题

我正在努力让我的头发试图让iscroll 4与jQuery Mobile一起工作.

如果我禁用JQM ajax默认导航这一切都工作正常,但我想保留这个.

我的问题是我无法解决如何成功调用/绑定iscroll所以它适用于需要它们的页面.我试过pageinit()和pagecreate()无济于事.

可以在这里找到一个基本的例子：
http://bit.ly/ngXkNR

任何指针都非常赞赏.

一个.

解决方法

谢谢贾斯珀,
我稍微改变了你的方法,这样你就可以在任何用类标识的包装器上调用iScroll.
另外,我在pagehide事件上卸载并销毁所有iScroll实例 – 我不需要刷新方法来满足我的需求：

// iScroll variable
var myScroll = [];

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

    var $page = $(this);

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

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

        myScroll.push(
            new iScroll(scroller_id,{
                snap       : true,momentum   : false,hScrollbar : false
            }));
    });

});

$(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);
    }

});