Multipage Jquery移动页面 - 如何根据加载的页面运行不同的功能（pagecontainerbeforeload？）

Question

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

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

我正在使用多页html，我希望当页面的id为＆＃34; page04＆＃34;加载到drawTimeLine(value)，值为4，当页面ID为＆＃34; page03＆＃34;将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并在每个页面执行期间执行某些操作。当然还有其他页面事件，但如果你想画一些东西，你需要这个。

此代码过去比较容易，但最新的页面处理小部件改变了很多东西。