Я новичок в пользовательском интерфейсе Onsen. Я пытаюсь использовать его с JQuery, но примеров в Интернете очень мало. У меня есть страница index.html с одним меню слайдов. У него есть главная страница (которая является страницей списка, где каждый элемент похож на меню) с навигатором. Когда я нажимаю в любом элементе, я нажимаю соответствующую страницу в Навигаторе. Я хочу получить доступ к кнопкам (используя jquery) из функции ons.ready o манипулировать контентом из любой части моего приложения. Js.Onsen UI с 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 ponent моих страниц с помощью jquery, все это в моем файле app.js. Должен ли я настроить это в функции ons.ready?
Заранее спасибо.
вопрос задает решение с JQuery. Разве это невозможно? –