带有jquery选择器的onsen
我遇到了一个问题，无法在onsen框架中使用jquery选择元素。我不明白为什么。有没有安森的专家能帮我 以下代码可在“”处实时查看 我的第二个警报总是给我0，而第一个警报说找到1。然后我在按钮上有一个onClick函数，当我点击它时，我可以访问该按钮。我很困惑。也许我还能发现别的东西。。也许pageinit没有完成底部工具栏的渲染 有什么想法吗 JS带有jquery选择器的onsen,jquery,onsen-ui,Jquery,Onsen Ui,我遇到了一个问题，无法在onsen框架中使用jquery选择元素。我不明白为什么。有没有安森的专家能帮我 以下代码可在“”处实时查看 我的第二个警报总是给我0，而第一个警报说找到1。然后我在按钮上有一个onClick函数，当我点击它时，我可以访问该按钮。我很困惑。也许我还能发现别的东西。。也许pageinit没有完成底部工具栏的渲染 有什么想法吗 JS ons.bootstrap(); $(document).ready(function() { console.log
ons.bootstrap();
$(document).ready(function() {
console.log("document READY");
$(document.body).on("pageinit","#mainPage", function() {
console.log("page init") ;
alert($("ons-button#power-btn").length);
alert($("#power-button").length);
});
});
function onOff() {
alert($("#power-button").length);
}
<html>
<head></head>
<body>
<ons-navigator title="Navigator" var="myNavigator">
<ons-page id="mainPage">
<p id="para1">Hello there</p>
<ons-bottom-toolbar>
<div class="center" style="background-color: #D5DBD7">
<ons-row>
<ons-col>
<div id="my-div"></div>
<ons-button class="toolbar-button--quiet">
<div class="fa fa-step-backward" style="font-size:30px"></div>
</ons-button>
</ons-col>
<ons-col>
<ons-button class="toolbar-button--quiet">
<div class="fa fa-play" style="font-size:30px" id="play-button"></div>
</ons-button>
</ons-col>
<ons-col>
<ons-button class="toolbar-button--quiet">
<div class="fa fa-step-forward" style="font-size:30px"></div>
</ons-button>
</ons-col>
<ons-col>
<ons-button class="toolbar-button--quiet" onClick="switchAudio()">
<div class="fa fa-microphone" style="font-size:30px" id="mic-button"></div>
</ons-button>
</ons-col>
<ons-col>
<ons-button class="toolbar-button--quiet">
<div class="fa fa-refresh" style="font-size:30px"></div>
</ons-button>
</ons-col>
<ons-col>
<ons-button class="toolbar-button--quiet">
<div class="fa fa-heart" style="font-size:30px"></div>
</ons-button>
</ons-col>
<ons-col>
<ons-button class="toolbar-button--quiet">
<div class="fa fa-cog" style="font-size:30px;" id="setup-button"></div>
</ons-button>
</ons-col>
<ons-col>
<ons-button class="toolbar-button--quiet" id="power-btn" onclick="onOff()">
<div class="fa fa-power-off" style="font-size:30px;" id="power-button"></div>
</ons-button>
</ons-col>
</ons-row>
</div>
</ons-botom-toolbar>
</ons-page>
</ons-navigator>
</body>
</html>
您好