javascript 无法在 <ons-template> 中工作 - onsen ui

标签 javascript html css onsen-ui

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

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

最佳答案

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

<ons-page id="myPage">

然后使用

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

你会没事的:)

Fiddle

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

关于javascript 无法在 <ons-template> 中工作 - onsen ui,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39709211/

相关文章:

javascript - 尝试在 Nashorn 上运行 browser.js 时 <eval> 中的 char 类中的空范围

javascript - 使用来自字段的值在页面加载时运行 jQuery

html - 无法添加 100% 高度的 div,并保持现有内容垂直对齐

javascript - 方形按钮中的中心图像

javascript - 溢出滚动不适用于位置固定元素 iOS

html - 覆盖 <div> 内联宽度样式以使元素拉伸(stretch)到内​​容?

javascript - 检索 iframe 的内容

css - 960格系统,延展色彩

html - 使 <img> 标签可切换 - 响应 TAB 键导航

javascript - 来自纽约时报 API (JSON) 的查询在不同的搜索关键字上给出相同的输出?