Question

我在jQuery mobile中使用多页面场景，我想在向用户显示相应页面时触发后端调用。我错过了一个很好的观点。这就是我的代码的样子：

<head>
    <script>
        $(document).on('swipeleft', '.ui-page', function (event) {
            if (event.handled !== true) {
                var nextpage = $.mobile.activePage.next('[data-role="page"]');
                // swipe using id of next page if exists
                if (nextpage.length > 0) {
                    $.mobile.changePage(nextpage, { transition: "slide", reverse: false }, true, true);
                }
                event.handled = true;
            }
            return false;
        });
    </script>
</head>
<body>
    <page data-role="page" id="weekChartPage">
        <div data-role="header" data-theme="b" data-position="fixed" data-id="footer">
            <h1>Charts</h1>
        </div>
        <div data-role="content">
            <canvas id="weekChart"></canvas>
        </div>
        <div data-role="footer" data-theme="b" data-position="fixed" data-id="footer">
            <h1>Footer</h1>
        </div>
    </page>

    <page data-role="page" id="monthChartPage">
        <div data-role="content">
            <canvas id="monthChart"></canvas>
        </div>
    </page>

    <page data-role="page" id="dayChartPage">
        <div role="main" class="ui-content">
            <canvas id="dayChart"></canvas>
        </div>
    </page>
</body>

现在，当新页面被更改为触发相应的后端调用时，我错过了要附加的正确事件。我想到了读取当前页面的ID并触发后端调用以显示匹配的图表。

任何提示？

由于

JQuery Mobile：在多页面方案

0 个答案: