javascript在<ons-template>中无效 - onsen ui

Question

我希望在很多页面中使用JavaScript，但它只能在<ons-navigator>标记内部使用，并且不在<ons-template>内部工作。 你可以看到我的实例jsfiddl，请给我解决方案。 在我向下滚动的示例中，我想要显示px位置，但它仅在<ons-navigator>内部工作。如何在<ons-template>中使用JavaScript？

注意：如果您在缓存页面中有其他框架，如onsen和JavaScript，请写下评论。

Answer 1

您遇到的问题实际上有点不同 - 只是您的选择器menu__menu无法匹配任何内容。只需在要监听滚动事件的页面中添加一个id，如

<ons-page id="myPage">

然后使用

var content = document.querySelector('#myPage .page__content');

你会没事的。）

Fiddle

注意：在您从那里切换页面后，您的侧面菜单逻辑似乎正在创建一个新页面 - 如果您想在每次初始化页面时执行某些代码，您可能需要查看{{1 event - 每个页面在连接到dom时触发它。 Docs