javascript 无法在 中工作 - onsen ui

Question

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

注意:如果您在缓存页面中有其他框架，如温泉和有效的 JavaScript，请写在评论中。

Answer 1

您遇到的问题实际上有点不同 - 只是您的选择器 menu__menu 不匹配任何内容。只需向要收听滚动事件的页面添加一个 id 即可

<ons-page id="myPage">

然后使用

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

你会没事的:)

Fiddle

注意:从那里切换页面后，您的侧边菜单逻辑似乎正在创建一个新页面 - 如果您想在每次初始化页面时执行一些代码，您可能需要查看 init 事件 - 每个页面在附加到 dom 时都会触发它。 Docs