问题标签 [magellan]

无法理解有关如何初始化 Magellan 菜单的文档 ( http://foundation.zurb.com/sites/docs/magellan.html )

错误：

Uncaught TypeError: this.$element.data is not a function Magellan @ foundation.js:4192 (anonymous function) @ test2.php:174

代码：

我们已经使用了 Foundation 5，并希望使用粘性导航 Magellan。它在这里实现：http: //www.whoi.edu/prototype/banner.html

在页面顶部，下拉悬停效果很好。用户可以将鼠标悬停在顶部导航上，megamenu 出现并且用户可以单击其中的任何内容。但是，如果用户向下滚动页面，然后尝试将鼠标悬停在导航上，则下拉菜单会起作用，但是一旦用户将鼠标悬停在 megamenu 上，它就会消失。它似乎离开了页面的顶部。

我试过添加：

$(document).foundation('magellan-expedition', 'reflow');

和：

$(document).foundation('dropdown', 'reflow');

我认为这可能是 z-index 问题或与页面有关的其他问题，但这个问题似乎发生在 Foundation 框之外。

一旦用户滚动，关于如何将 megamenu 与导航粘贴在一起的任何想法？

我正在尝试在 Zurb fdn6 模板的 cli 安装中使用 Magellan。该页面运行良好，但 Magellan 不适用于粘性导航并引发以下控制台错误：
Uncaught TypeError: Cannot read property 'top' of undefined

看起来 Magellan 正在注册，因为在 DevTools 中查看源代码时，我可以看到data-stickyattr 注册了一个值，并且active在向上/向下滚动时将类应用于锚点。

但是，我确实注意到没有注册的课程是：is-at-top is-stuck这些似乎是让事情“坚持”的原因。它们出现在 Zurb 文档示例中。

在app.js我有$(document).foundation();并且当页面运行时，我可以看到 Magellan 模块实际上正在加载。但是粘性导航并没有粘在窗口的顶部，它只是在这个设置中不起作用。

我使用了Zurb Fdn Magellan 文档中的以下标准示例：

我已经看到其他 SO 示例已修复，但它们似乎都使用 Zurb tempate 以外的构建，并且通常通过标准<script src="xyz">调用加载插件。

有谁知道这个 Zurb 模板示例是怎么回事？

我使用 Foundation 6 Accordion Menu 和 Magellan 建立了一个测试站点：http: //studiospaces.vlvtn.com/test

当您在滚动时到达相关部分（例如#header-1、#header-2）时，我希望顶级标题展开和折叠。

这有点超出我的能力，任何在正确方向上的帮助都将不胜感激！

先感谢您。

埃文。

我试图创建一个小导航，点击时将我带到某些 div。它会这样做，但目前它只是捕捉到 div。相反，我想要一个平稳的过渡，就像它在文档中所说的那样。

此外，当我向下滚动到某些 div 时，我希望突出显示必要的 nav li。但是当我检查它们上的元素时，它们不会在我向下滚动页面时突出显示.. 它肯定会选择 css cdn，但 js 不是很确定。

头（我用的是cdn）

我magellan-1.0.4-s_2.11在 spark 笔记本中导入时遇到问题。我已经从https://spark-packages.org/package/harsha2010/magellan下载了 jar，并尝试将其放入SPARK_HOME/bin/spark-shell --packages harsha2010:magellan:1.0.4-s_2.11binStart of Customized Settings文件夹的 spark-notebook 文件部分。

这是我的进口

而我的错误...

然后，我尝试像其他任何库一样导入新库，方法是将其放入main script类似的位置：

这没有用，我只能挠头想知道我做错了什么。如何将 magellan 等库导入 spark notebook？

假设在编写或验证测试时，命令代码为：

浏览器上的这个元素如何使用 CSS 以轮廓显示：

通过在上面的命令中添加一些代码，使用 Magellan / Nightwatch 中的方法？

例如，如果用户有一张礼品卡，我们要断言礼品卡部分排在第一位：

否则，我们要断言信用卡部分是第一位的。在麦哲伦 / 守夜人中如何做到这一点？

我的想法只是让N...N-th child并断言N1<N2或相反。这是如何在麦哲伦 / 守夜人中完成的？

waitForElementPresent或如果元素未通过或之一显示在屏幕上，waitForElementNotPresent则可能无法工作。display: nonevisible: hiddenopacity: 0

（它应该类似于 jasmine-jquery 的期待一个元素toBeHidden()。）

对于.waitForElementNotVisible(selector, 2000)，据说它可以测试元素是否在 0.75 秒内淡出。

但是如果我们的代码有一个错误，并且它做错了事情并且元素不可见并且正在淡入怎么办？

现在，实际上不会.waitForElementNotVisible()仍然成功（并通过测试），因为在 time = 0 时，它确实不可见（因为它正在淡入）。

换句话说，.waitForElementNotVisible()无论如何都能成功？

（可能有两种情况，一种是 JavaScript 每 33ms 调整一次不透明度，另一种是 CSS 过渡）。