javascript <ons-template> 没有工作 - 温泉 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

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