android - 如何在一个 html 文件中对多个 data-role=page 使用 pageinit

Question

我的一个 html 文件中有多个页面。 我尝试在第二个 data-role="page"上实现 pageinit 事件处理程序。 所以我在它的特定 data-role="page"中声明了 pageinit。

 <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>

我期望的是每次我访问此页面时它都会初始化。但只有在我第一次打开它时它才能正确运行。每隔一次，它只显示先前执行的代码的输出。

请帮我解决这个问题。

Answer 1

<强> Pageinit 应该只运行一次，它就像文档就绪一样。

如果您希望每次访问页面时都运行代码，请使用 pageshow 或 pagebeforeshow 。

了解更多信息 here 。