javascript - 如何创建 JQuery Mobile 第二页只调用一次函数?

标签 javascript jquery jquery-mobile

实际上,我只想在第一次点击第 2 页时调用函数 james() 一次,而在接下来连续点击第 2 页时,我不想调用函数 james()。但每次我调用第 2 页时它都会调用。

<!doctype html>
<html class="no-js" lang="">
    <head>
       

 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">

 <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
             <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
         

 <script type="text/javascript" charset="utf-8">
               var Clicked = false;

               function james() {
                  if(Clicked === false){

                        alert("james");
                  }
                Clicked=true;      
             }
                

   </script>

    </head>
    <body>
 
    <div data-role="page" id="pagetwo" >

     <a href="#pageone" onClick="james(); this.onClick=null;">Go to Page two</a>
               
       </div>
            



    <div data-role="page" id="pageone">
  
        <a href="#pagetwo">Go to Page one</a>
  
    </div>        

    </body>
</html>

最佳答案

这可以在 jQuery Mobile 中轻松完成。

如果您需要在页面初始化期间只执行一次某些代码,您可以使用名为 pagecreate 的 jQuery 移动页面事件.

该事件只会在第一个页面初始化时触发一次。

$( document ).on( "pagecreate", "#secondPage", function( event ) {
  alert( "This page was just enhanced by jQuery Mobile!" );
});

这是一个工作示例:http://jsfiddle.net/Gajotres/u2tw371o/

关于javascript - 如何创建 JQuery Mobile 第二页只调用一次函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53956721/

相关文章:

javascript - 修改框架元素的CSS

javascript - 如果此下拉列表的值为 "1"并且此下拉列表的值为 "Active"

android - jquery focus() 在移动设备(android)中不起作用,phonegap-cordova

php - RIA 开发 : Coexistence of two MVC frameworks (client<->server)

javascript - Chrome 正在屏蔽 console.log 对象

javascript - jQuery 选择器不适用于一个 div

javascript - jQuery 淡入/淡出不起作用?

asp.net-mvc - asp.net mvc Html.ActionLink 忽略 jquery 属性

css - Jquery-mobile css 打扰了我为按钮定制的 css

javascript - Weather App React 只需点击三下即可更新状态并传递 Prop