javascript <ons-template> 没有工作 - 温泉 ui

javascript no working in <ons-template> - onsen ui

我想在许多页面中使用 JavaScript,但它仅在 <ons-navigator> 标签内有效,在 <ons-template> 内无效。 你可以看到我的实例 jsfiddl 请给我解决方案。 在示例中,当我向下滚动时,我想显示 px 位置,但它只在 <ons-navigator> 内工作。如何在 <ons-template> 中使用 JavaScript?

注意:如果您有另一个框架,如 onsen 并在缓存页面中工作 JavaScript,请写在评论中。

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

<ons-page id="myPage">

然后使用

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

你会没事的:)

Fiddle

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