【问题标题】:How to check if Foundation tabs are initialized?如何检查 Foundation 选项卡是否已初始化?
【发布时间】:2020-04-07 12:42:24
【问题描述】:

根据文档,有 3 个事件 https://get.foundation/sites/docs/tabs.html#js-events,但它们都不是我想要的。

理想情况下,我想在 Foundation 选项卡初始化后调用一个函数。

【问题讨论】:

  • 页面完全下载后。这是你要找的吗?或者特别是基础标签?
  • @Kerim 特别是当 Foundation 选项卡初始化时,如果可能的话。
  • 首先所有的html元素都不支持onload事件。您应该使用<body>, <frame>, <frameset>, <iframe>, <img>, <link><script>。我的建议是在 Foundation 选项卡之后添加他们中的某个人,并为其编写一个 onload="loadStart()" 事件。也许这对你有用。你能分享一下我想知道的结果吗?
  • @Kerim 所有 HTML 元素都已经存在,所以我不必使用 onload 事件。我需要注意的是标签功能何时初始化并调用其他函数。

标签: javascript tabs zurb-foundation


【解决方案1】:

每个组件都会触发一个init 事件。

https://get.foundation/sites/docs/tabs.html#javascript-reference

触发这些事件:Tabs#event:init

代码在https://github.com/foundation/foundation-sites/blob/v6.6.2/js/foundation.core.plugin.js#L22

所以你必须听init.zf.tabs

【讨论】:

  • 我不知道为什么,但init.zf.tabs 事件并没有为我触发。基础版本是6.5.3我会尝试调试为什么会这样。
  • 可以试试未缩小版的foundation吗?另请检查它是否适用于 6.6.1 和 6.6.2。我认为我们修复了缩小版本中有关事件的一些问题。
  • 还要确保在基础/组件初始化之前添加事件监听器。
猜你喜欢
  • 2012-09-05
  • 2017-06-01
  • 1970-01-01
  • 1970-01-01
  • 2014-08-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多