Question

我正在Phonegap框架中构建一个应用程序，我希望在每个页面上都需要加载调用其他函数。假设我有一个带菜单的主页。当用户进入'page2'调用page2_function（）时，输入'page3'调用page3_function（）; 标记结构：

 <div data-role="page" id="page1" data-theme="c">
            <!-- Header -->
            <div data-role="header" id="wrap-header">

                   <img src="img/logo.png" class="logo"/>
                   <a href="page2" class="menu" data-transition="slide">page2</a>
   <a href="page3" class="menu" data-transition="slide">page3</a>
             </div>
            <!-- /header -->
            <!-- Content    -->
            <div data-role="content" id="content">
                <ul data-role="listview" data-inset="true" data-theme="e" id="list_view"></ul>
                <h3>Content</h3>
                <p>
                    page1
                </p>
            </div>
            <!-- /content -->
            <!-- footer -->
            <div data-role="footer">
                <h4>&copy; 2013 Your Name</h4>
            </div>
            <!-- /footer -->
        </div>
  <!--page2-->


 <div data-role="page" id="page2" data-theme="c">
                <!-- Header -->
                <div data-role="header" id="wrap-header">

                       <img src="img/logo.png" class="logo"/>
                       <a href="page2" class="menu" data-transition="slide">page2</a>
       <a href="page3" class="menu" data-transition="slide">page3</a>
                 </div>
                <!-- /header -->
                <!-- Content    -->
                <div data-role="content" id="content">
                    <ul data-role="listview" data-inset="true" data-theme="e" id="list_view"></ul>
                    <h3>Content</h3>
                    <p>
                        page1
                    </p>
                </div>
                <!-- /content -->
                <!-- footer -->
                <div data-role="footer">
                    <h4>&copy; 2013 Your Name</h4>
                </div>
                <!-- /footer -->
            </div>

Answer 1

这可以解决您的问题：

function page1_function() {
 location.reload();
 //Your code goes here ...
}

Answer 2

您可以按如下方式使用jquery移动页面事件：

$(document).on("pagechange","#page1", function (event) {
     //Function called on pagechanged
});

注意：

pagechange 事件可以是基于您想要执行该功能的时间的任何页面事件

Jquery mobile page events

Phonegap：如何使每个页面加载

2 个答案: