Javascript Phonegap，单击导航栏按钮时如何启动功能_Javascript_Jquery_Function_Cordova

Javascript Phonegap，单击导航栏按钮时如何启动功能

javascript jquery function cordova

Javascript Phonegap，单击导航栏按钮时如何启动功能,javascript,jquery,function,cordova,Javascript,Jquery,Function,Cordova,我正在开发一款用于学习的应用程序有一个标题、内容和导航栏以及两个按钮 body=“onLoad（）”函数在应用程序启动时非常有效，但当我单击导航栏上的另一个按钮时，我想启动一个显示页面内容的函数。但是，当我在新HTML文件中调用函数时，与在索引文件（body=“contentLoader（）”）中调用函数的方式完全相同，它不会启动下面是index.html中的代码 <html> <head> <head> </head> <body

我正在开发一款用于学习的应用程序

有一个标题、内容和导航栏以及两个按钮

body=“onLoad（）”函数在应用程序启动时非常有效，但当我单击导航栏上的另一个按钮时，我想启动一个显示页面内容的函数。但是，当我在新HTML文件中调用函数时，与在索引文件（body=“contentLoader（）”）中调用函数的方式完全相同，它不会启动

下面是index.html中的代码

<html>
<head>
<head>
</head>


<body onload="onBodyLoad()">

现在我想点击导航栏上的“Listview”按钮，它有自己的HTML页面，也有

<body onload="onListLoad()">

但是我的javascript函数

函数onListLoad（）{alert（“test”）；}

没有启动

我不明白为什么。这不是正常的方式吗

提前谢谢。您好，john。

我很确定您的子页面中的标签已在PhoneGap中删除。只有主索引页才会触发其onload方法

据我所知，一旦你的导航标签被激活，你就试图触发一些代码。我不确定我是否能告诉你正确的方法，但以下是我的做法：

<div data-role="page" id="reports-browse">
    <div data-role="header"></div>
    <div data-role="navbar">
        <ul>
            <li><a href="#" onclick="$('#tab1').show(); $('#tab2').hide();" class="ui-btn-active">Tab 1</a></li>
            <li><a href="#" onclick="$('#tab1').hide(); $('#tab2').show();">Tab 2</a></li>
        </ul>
    </div>
    <div data-role="content">
        <div id="tab1">This is my first tab</div>
        <div id="tab2" style="display:none">This is my second tab.</div>
    </div>
    <script src="reports.browse.js"></script>
    <script>reports_browse.init();</script>
</div>

希望这有帮助

$( document ).bind( "pagebeforeshow", function( prev_page ){
     // Populate the two tabs here.
});