问题标签 [slicknav]

如名称所述，我有一个带有链接的菜单，并且我有一个要在单击菜单时显示/隐藏的部分列表。我在这里想要的是动态的，如果我添加更多的菜单和部分，我不必更改执行它的代码，或者添加新的标签或名称。我尝试自己做一些事情，但我可能遗漏了一些东西。任何帮助都会得到帮助

我在这个 jfiddle 上有一个简单的例子：https ://jsfiddle.net/s07ysx6w/6/

HTML：

Javascript：

编辑：复制/粘贴让我粗心，所以现在只有唯一的 id。还用一个工作的（解决方案）替换了小提琴。

更新：如果有人在他/她的页面上使用slicknav作为插件，要访问菜单中的元素，您需要找到 slicknav 究竟是如何将其注入您的页面的。例如，在我的情况下，因为我将它添加到我的#menuBlockdiv 标签。为了找到#novosti我必须深入挖掘的元素，因为 slicknav 会自行创建标签以便按照它的方式工作。

在那种情况下，我的 javascript 看起来像这样。

我对来自 slicknav.com 的这个 slicknav 脚本有疑问

我使用 slick nav 脚本在断点 640px 处获得汉堡包效果。

http://graph-art.matc.edu/harrisd5/vicom126/a2/index.html

现在，如果在我网站的这 4 页中完美地工作：

主页、aboutus、faq2（常见问题）和索引页。你会碰巧知道为什么脚本在我的投资组合页面上不起作用：

http://graph-art.matc.edu/harrisd5/vicom126/a2/portofolio.html

我做错了什么导致脚本无法运行？

我正在为桌面游戏设计一个 RPG 网站。

我是一名新开发人员，该网站已基本完成。我只需要一个移动菜单。

我为网站的移动屏幕尺寸部分启动并运行了 Slicknav。

菜单是一个嵌套的无序列表结构，带有许多 onclick 事件。与大多数带有产品链接标签的菜单不同，我的菜单只有少数几个用于网站不同部分的链接。菜单项主要是文本，它们响应点击事件，然后将带有文本的 div 淡入显示窗口。

到网站不同部分的链接工作正常，我想这是预期的，因为这就是 SLicknav 的真正设计目的。但是链接项上的 Click 事件被忽略。

这是正常工作的代码示例

这段代码工作正常，但是当我缩小屏幕尺寸并且 SlickNav 菜单弹出点击事件时不再起作用，这有点违背了拥有菜单的目的。

所以我又是开发新手，但我最好的猜测是 slickNav jscript 只是获取在无序列表结构中找到的文本并将它们吐出在菜单中，但这当然会删除附加到原始文本节点的 ID 和内容。

但也许有更多专业知识的人可以对此有所了解。

我也包括了整个 Slicknav 脚本文件。

我对编码比较陌生，我的理解有限。但是根据插件作者的说法，我正在使用 Slicknav 来获取移动屏幕尺寸。

“SlickNav 菜单项是动态创建的”，因此我需要在创建 SlickNav 后使用委托的单击事件或附加事件处理程序。 我的 SlickNav 帖子

我需要一些帮助。根据This，我尝试制作委托事件。

这是一个“直接”事件处理程序的原始代码（我认为）

顺便说一句，我所有的代码都试图做的是 1. 清除一个容器，它是一个内容的显示窗口。并且 2. 根据单击的菜单项将正确的内容附加到该窗口。

这是我对委托事件的尝试：

还尝试用 .delegate() 替换 .on()，没有骰子。

为了完整性，包括 cick 事件正在调用的函数

编辑：为菜单提供 HTML

我正在使用 slickNav 并且它没有正确读取我的嵌套列表。

此页面是用于桌面 RPG 的 NPCS 存储库。
顶层是一般信息，并按位置组织 NPC。第二层按稀有等级组织NPC，第三层是NPC本身。

现在有趣的是，slickNav 可以很好地显示第 1 级和第 2 级，但第 3 级打开了不可见的文本。我说不可见文本是因为下拉菜单显示的空间量是正确的。

这个GIF 显示了我在说什么。观察我如何点击家畜，根据下面的代码你可以看到这是一个长长的 NPC 列表。SlickNav 下拉的空间很大。然后观察我如何在 Eol 下点击，这部分网站还没有开发，所以它的唯一列表项是“即将推出”。因此 slickNav 只下降了一点，以便为它腾出足够的空间。

根据http://slicknav.com/，似乎我正确嵌套了我的结构并将菜单标记为 class="menu"。

值得注意的是，在站点的其他部分，此菜单运行良好，但站点上这些部分的菜单最多为两级深度。

这是我的 HTML：警告这是一个大菜单

这是与菜单关联的所有 CSS。注意：这是一个简单的 CSS 菜单，子菜单设置为 display:none，悬停时显示设置为阻止。

我所有的菜单在网站的其他部分都以相同的方式工作。但是显示设置为无是我唯一能想到的。

我想在slicknav中居中菜单菜单按钮。我试过但没有任何效果。我可以将其对齐到左侧，但不能居中。

样品标记在这里

和js

这是codepen链接http://codepen.io/anon/pen/oLWpao

我正在尝试让 Slick Nav 正常工作，我目前正在在线空白页面上对其进行测试，但未成功。在本地它可以完美运行，但它只是不想在线运行 - 即使它的代码相同。我已将来自 slick nav 下载的“dist”文件夹中的文件放入我的 FTP 服务器上我的主文件夹中名为“SlickNav”的文件夹中（就像我在本地做的一样）。我的测试页面包含以下内容：

我现在已经尝试了 3 个多小时，但我再也看不到它了。也许有人有类似的问题，或者只是看到了（可能是愚蠢的）错误，我将永远感激不尽。

我试图在我的网站上添加 slicknav 响应式菜单，但它没有出现。我按照主页上的说明进行操作。

我的html

和CSS

所有的js都像这样加载在页面底部

这是我在 JSFiddle 中的代码https://jsfiddle.net/w1gudnn8/

我正在为我的网站（一个 DIY 博客）构建一个移动响应模板，该模板位于 Blogger 上（我将它放在私人博客上，直到它准备好上线，所以很遗憾我无法向您展示确切的模板）和我正在为我的移动菜单使用 SlickNav。在标题下方有一个顶部的“粘性”菜单和一个附加菜单。顶部菜单工作正常，但第二个菜单在移动设备上同时显示桌面菜单和移动菜单。当我将其设置为“显示：无”时，两者都会消失，而不仅仅是桌面菜单。顶部菜单是 Blogger“页面”小部件，第二个菜单是下拉 html/css 菜单。

此外，第一个菜单项会在悬停时跳转。

我该如何 a) 在移动设备上隐藏桌面版本 b) 修复悬停时的跳转？

这是我第一次在这里发帖，我不是编码方面的专业人士，所以希望我正确分享了所有内容:) 提前感谢您的帮助！

我刚刚创建了一个带有一些过渡的移动菜单。我正在使用光滑的导航移动菜单，但移动菜单图标未在 iphone 中显示，所有其他设备都可以正常工作。

这是我的项目 c2ma.it-/-pt-/- 请从 url 中删除 -。我无法找到为什么该图标隐藏在该图像后面。找不到请回复

我在css下面添加了显示移动菜单图标

通常android显示这个但iphone不是