iScroll無法與jQuery Mobile一起執行

Question

我需要在jQuery Mobile頁面中實現iScroll。 我需要它水平滾動大表。 自從iScroll 5的第一個Beta發布以來，我想使用此版本，其中包括水平滾動模式。

這是我應該使用的代碼的全局語法：

<html>
    <head>
        <meta name="apple-mobile-web-app-capable" content="yes">
        <script src="/JAVASCRIPT/jquery-1.9.1.min.js"></script>
        <script src="/JAVASCRIPT/jquery.mobile-1.3.0.min.js"></script>
        <script src="/JAVASCRIPT/iscroll.js"></script>
        <script type="text/javascript">
            var myScroll;

            function loaded () {
                myScroll = new IScroll('#wrapper', { eventPassthrough: true, scrollX: true, scrollY: false });
                }
        </script>
    <head>

    <body onload="loaded()">
        <div data-role="page">
        <div data-role="content" id="content">
            <div id="wrapper">
                <div id="scroller">
                    <table>
                    </table>
                </div>
            </div>
        </div>
        </div>
    </body>
</html>

問題是jQuery Mobile使用AJAX加載內容。 並且因為帶有表的頁面不是第一頁，所以我的JavaScript未被執行。 整個網站應該是一個iPhone Webapp，所以我不能只跳過此頁面的Ajax導航，否則iPhone會將這個頁面從Safari中的WebApp加載出去。 該腳本在safari中可以完美運行，但是在我的webapp中什么都沒有動！

我需要有關如何在頁面中加載這幾行的說明，請：

<script type="text/javascript">
    var myScroll;

    function loaded () {
        myScroll = new IScroll('#wrapper', { eventPassthrough: true, scrollX: true, scrollY: false });
    }
</script>

我已經進行了很多搜索，發現了一些有關將腳本與pagecreate事件綁定的信息，但是無法使其正常工作。

iScroll針對jQuery Mobile進行了特殊的改編，但它是為iScroll 4設計的……您是我唯一的希望！

英語不是我的母語，所以請問我您是否聽不懂。

在此先感謝您的幫助！

Answer 1

嘗試類似：

$(document).on('pageshow', '.mypage', function() {
        var myPageScroll = new IScroll('#wrapper', { eventPassthrough: true, scrollX: true, scrollY: false });
});

將“ mypage”類添加到您的頁面

iScroll無法與jQuery Mobile一起執行

問題描述

1 個解決方案

解決方案1
1 2013-07-23 23:05:07

iScroll無法與jQuery Mobile一起執行

問題描述

1 個解決方案

解決方案1 1 2013-07-23 23:05:07

解決方案1
1 2013-07-23 23:05:07