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

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');

你会没事的:)

小提琴

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