使用Jquery的onsenui_Jquery_Cordova_Onsen Ui

使用Jquery的onsenui

jquery cordova

使用Jquery的onsenui,jquery,cordova,onsen-ui,Jquery,Cordova,Onsen Ui,我是Onsen UI的新手。我试图将其用于Jquery，但在internet上的示例很少。我有一个index.html页面，只有一个幻灯片菜单。它有一个主页，这是一个列表页面，其中的每个项目都像一个带有导航器的菜单。当我点击任何项目时，我会在导航器中推送相应的页面。我想使用ons.ready函数中的jquery访问按钮，以操作app.js任何部分的内容我怎么能这样做这是我的index.html <html> <head> <script

我是Onsen UI的新手。我试图将其用于Jquery，但在internet上的示例很少。我有一个index.html页面，只有一个幻灯片菜单。它有一个主页，这是一个列表页面，其中的每个项目都像一个带有导航器的菜单。当我点击任何项目时，我会在导航器中推送相应的页面。我想使用ons.ready函数中的jquery访问按钮，以操作app.js任何部分的内容

我怎么能这样做

这是我的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>

我想知道如何使用jquery访问mybutton和从goHome访问我页面的任何组件，所有这些都在我的app.js文件中。我必须在ons.ready功能中设置它吗

提前谢谢。

您可以使用angularJS访问按钮和fire goHome功能

html

这个问题需要使用JQuery解决。这是不可能的吗？

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

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