如何使用多个数据角色pageinit =页面在一个HTML文件 [英] How to use pageinit for multiple data-role=page in one html file

问题描述

我在我的一html文件的多个页面。
我试图执行第二数据角色=页面的pageinit事件处理程序。
因此，我宣布pageinit里面的具体数据角色=页面。

I have multiple pages in my one html file. I trying to implement the pageinit event handler on the second data-role="page". So I declared pageinit inside it's specific data-role="page".

 <div data-role="page"  id="foo3" data-dom-cache="false">
<script>
    $(document).on('pageinit','#foo3' , function(){ 
    abcsong_file_path = '/android_asset/www/audio/abcsong.mp3';


        my_abc = new Media(abcsong_file_path);

        my_abc.play();
        var i =0;
        var time;
        function my_loop(){
        setTimeout(function (){


            var my_alphabets = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];
            $('#content_loop2').append('<img src="img/alphabets/'+my_alphabets[i]+'.png" />');
            i++;
            time = 700;

                if(i<26)
                {
                    my_loop();
                }

            }, time)
        }
        my_loop();
    });
</script>
    <div data-role="header" data-theme="b">

        </div>
        <div data-role="content" >

            <div id="content_loop2"  data-inset="true">

            </div>
        </div>
        <div data-role="footer" >

        </div>
    </div>

我所期望的是，它会初始化每次我访问此页面。但它正确运行只是我第一次打开它。每个其他时间它只是显示$ P $的输出pviously执行code。

What I expected was that it would initialize everytime I visit this page. But it runs correctly only the first time I open it. Every other time it just show the output of previously executed code.

请帮我如何去了解它。

推荐答案

Pageinit 应只运行一次，它是为了成为像文件准备好了。

Pageinit should run only once, it was made to be just like document ready.

如果你希望你的code运行每次页面被访问，然后使用 pageshow 或 pagebeforeshow

If you want your code to run every time page is visited then use pageshow or pagebeforeshow.

了解更多关于它的 这里 。

Read more about it here.

这篇关于如何使用多个数据角色pageinit =页面在一个HTML文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！