问题标签 [slicknav]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
821 浏览

javascript - SlickNav 菜单覆盖在徽标上,使链接无法点击

我在这个网站 ( http://culturepop.com/ ) 上有一个用于汉堡菜单的 SlickNav 框架,但是当它打开时,包含菜单的 div 会覆盖左侧的徽标。虽然您可以看到徽标,但您无法再单击它。我试图在下拉菜单保持 100% 宽度的地方得到它,但按钮恰好适合该空间并且不会覆盖按钮。尝试使用 z-index 但汉堡菜单不再可点击。基本上,一个没有双赢的局面。这是我的代码:

HTML(简体)

CSS

0 投票
3 回答
254 浏览

jquery - Javascript:添加 HTML 代码,包括 img src 和 href's

尝试在 SlickNav 菜单中添加一些前置代码,虽然基本的 HTML 可以工作,但一旦我添加了 img 和 href 之类的东西,代码就会失败。我知道这是不正确的,但我想知道这里有什么用:

我知道这会起作用:

但另一个更先进。那么我怎样才能使它工作以显示 svg(或 png)图像?

0 投票
1 回答
252 浏览

jquery - SlickNav - 单击即可打开所有项目(触摸)

在我的 Wordpress 项目中,我使用 SlickNav ( http://slicknav.com/ ) 作为主(顶部)菜单。

当用户单击(或触摸或打开)菜单以向他显示所有菜单项以及子项时,我该如何实现?

先感谢您!

0 投票
1 回答
8484 浏览

jquery - 只用一个导航器控制两个光滑的滑块

我正在使用 Slider SyncingSlick.js并且只需要一个导航器来控制另外两个。

这是我的 js 代码

这根本不起作用..我尝试使用 slickNav 的 asNavFor 属性作为数组或冒号分隔,但它也不起作用。asNavFor: '.main, .secondary'

0 投票
1 回答
428 浏览

javascript - 将 Slicknav 与 Wordpress 一起使用

我见过一些人问这个问题,但我似乎无法在我的网站上获得任何其他建议。我正在尝试在我正在开发的 Wordpress 网站上使用 slicknav.js,但事实并非如此工作。我曾经让它工作,但不幸的是不得不废弃该网站并重新开始,现在我无法让它工作。我做了一些测试,才意识到我的脚本都没有加载。wp_enqueue_scripts()根本没有通过我的任何脚本..知道我可能做了什么来打破它吗?

我在本地开发,所以我不能给出链接......但这是我所有的代码。

函数.php

我的 Theme.js 文件:

最后,这是我的 HTML 标记。

我的页脚没有显示任何脚本,即使我更改 $in-footer = false, Nothin.

显然我在页眉和页脚之间有一些东西,但我认为这些是唯一真正重要的部分..

有任何想法吗??

0 投票
0 回答
141 浏览

jquery - 同时使用两个 slicknav

一页上可以有两个slicknav吗?我打算为移动设备创建类似这个菜单的东西。

当我单击“菜单”时,我将在外面有一个 slicknav 菜单,它的子菜单将是(提案、多媒体和合作伙伴),而在菜单内部也将有 3 个带有子菜单的主要链接。 在此处输入图像描述 示例代码

0 投票
1 回答
537 浏览

javascript - slicknav 无法在 iPhone 6 Safari 上运行

我有 slicknav 在 chrome 的桌面上工作,即 safari 和 firefox。当我在 iphone 6 上运行时,它可以在 chrome 中运行,但不能在 safari 中运行。我的 js 函数如下所示:

iphone 6 的 Safari 控制台 说:

不是函数。不知道如何解决这个问题。帮助表示赞赏。

这是该网站的链接:

万圣节

如果您减小屏幕尺寸,您会看到 slicknav 插件在桌面上运行。但除非你使用 chrome,否则它在 iphone 6 上不起作用

做了更多测试,插件在 iphone 6S 上运行良好,但在 Iphone 6 上仍然无法运行

0 投票
0 回答
112 浏览

jquery - $(函数(){}); 和 $(“文档”).ready(function(){}); 不一样

如果我使用:

它在 iphone 6 上不起作用,但似乎在其他任何地方都可以使用

但是,如果我使用

它似乎无处不在。有人可以解释发生了什么吗?

0 投票
0 回答
672 浏览

jquery - 为什么 jQuery 不能在 iPhone6 上运行,但在 iPhone 6S 上运行?

当我运行时:

在 iPhone 6S 或 iPhone 6 上它可以工作。但是当我运行时:

它适用于 iPhone 6S 但不适用于 iPhone 6。

两部手机都使用 iOS 9.2.1,代码没有其他变化。什么会导致一个$冲突而不是另一个?

在两个 Iphone 6S 和三个 Iphone 6 上进行了测试。不工作是指汉堡包没有出现。有趣的是,如果我使用:

它在 Iphone 6 中不起作用

0 投票
0 回答
568 浏览

css - SlickNav 固定标题导致菜单不可滚动

我在这里尝试了 SlickNav 固定标题的解决方案: How to make a fixed header with SlickNav

这可行,但我有一个问题:我冗长的 SlickNav 菜单列表无法再滚动,它卡在屏幕底部。有解决办法吗?

谢谢你。

编辑:我对原始 slicknav 包的更改以重现问题:

1) 在第 78 行 (.slicknav_menu) 之后将以下行添加到 dist/slicknav.css 以获得固定标题:

2) 在 Parent 2, item 7 (line 39) 之后添加一个很长的菜单项列表到 demo/index.html :

现在,当您使用移动模式时,看不到最后一个项目行“最后添加的项目”,因为菜单列表太长并且不再像在 1) 中设置固定标题之前那样可滚动。

顺便搜索一下,我发现其他用户也有类似的问题: How to make a fixed header with SlickNav