与JQuery的温泉用户界面

我是新的与Onsen用户界面。我试图用它与JQuery，但在互联网上的例子是非常少的。我有一个带有单个幻灯片菜单的index.html页面。它有一个主页（这是一个列表页面，其中每个项目就像一个菜单）与导航器。当我点击任何项目时，我会在导航器中按相应的页面。我想从ons.ready函数访问按钮（使用jquery）o操纵app.js的任何部分的内容。与JQuery的温泉用户界面

我怎么能这样做？

这是我的index.html

<html> 
    <head> 
     <script type="text/javascript" src="js/app.js"></script> 
    </head> 
    <body> 
     <ons-sliding-menu var="app.slidingMenu" menu-page="menu.html" main-page="main.html" side="left" type="overlay" max-slide-distance="200px"></ons-sliding-menu> 
    </body> 
</html>

main.html中

<ons-navigator title="Main Navigator" var="app.mainNavigator" ons-postpush="manageNav" id="mainNavigator"> 
    <ons-page> 
     <ons-toolbar> </ons-toolbar> 
     <ons-list> 
      <ons-list-header>My Option</ons-list-header> 
       <ons-list-item modifier="chevron" onclick="app.mainNavigator.pushPage('myoption.html',{animation: 'slide'});"> 
       </ons-list-item> 
     </ons-list> 
    </ons-page>

myoption.html

<ons-page> 
    <ons-toolbar> 
     <div class="left"> 
      <ons-back-button>Back</ons-back-button> 
     </div> 
     <div class="center">Title</div> 
     <div class="right"> 
      <ons-button onclick="goHome();">Home</ons-button> 
     </div> 
    </ons-toolbar> 
    <ons-list> 
     <ons-list-item> 
      <input id="txtName" type="text" placeholder="Name" class="text-input text-input--underbar" style="margin-top:8px; width: 100%;"> 
     </ons-list-item> 
    </ons-list> 
<div class="content-padded" style="text-align: center"> 
    <ons-button id="mybutton" onclick="">A button</ons-button> 
</div>

我想知道如何访问“为myButton “并从goHome（）访问任何com我的页面使用jquery，这一切都在我的app.js文件中。我必须在ons.ready函数中设置它吗？

预先感谢您。

来源

2015-05-14 sonseiya

-1

您可以使用angularJS来访问按钮并激发goHome（）函数。

HTML

<div class="right" ng-controller="MyOptionController"> 
    <ons-button ng-click="goHome();">Home</ons-button> 
</div>

angularJS

myApp.controller('MyOptionController', function() { 
    ons.ready(function() { 
     $scope.goHome = function() { 
      //your code 
      app.mainNavigator.popPage({animation: 'slide'}); 
     } 
    } 
}

来源

2015-10-09 10:16:00 Charitha

问题问的解决方案使用jQuery。是不可能的？ –

与JQuery的温泉用户界面

回答

相关问题