jquery - 多页 Jquery 移动页面 - 如何根据加载的页面运行不同的功能(pagecontainerbeforeload？)

Question

<script>
    $(document).on('pageinit', '#page03' ,function(){
        drawTimeLine(3);
    });
</script>

我正在 jQuery Mobile 中开发一个应用程序，而且我对它还很陌生。

我正在使用多页 html，我希望当 id 为“page04”的页面加载时，使用 value=4 来加载 drawTimeLine(value) ，并且当加载 id 为“page03”的页面时drawTimeLine(value) 的值为 3 等等...

我已经尝试了一周多了，仍然没有成功。

如果我对 JQM api 的理解正确的话，我应该以某种方式使用 pagecontainerbeforeload 。如果需要更多代码，请告诉我，我会重新上传。

Answer 1

工作示例:http://jsfiddle.net/Gajotres/vds2U/

Javascript:

$(document).on('pagecontainershow', function () {
    pageId = $('body').pagecontainer('getActivePage').prop('id'); 

    if (pageId === 'index') {
        alert('Page index');
    }

    if (pageId === 'second') {
        alert('Page second');
    }    
});

pagecontainershow 将在每个页面准备好显示时触发。然后你需要获取页面ID并在每个页面执行期间执行一些操作。当然还有其他页面事件，但如果你想画一些东西就需要这个。

这段代码曾经更简单，但最新的页面处理小部件改变了很多事情。