问题标签 [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.
javascript - SlickNav 菜单覆盖在徽标上,使链接无法点击
我在这个网站 ( http://culturepop.com/ ) 上有一个用于汉堡菜单的 SlickNav 框架,但是当它打开时,包含菜单的 div 会覆盖左侧的徽标。虽然您可以看到徽标,但您无法再单击它。我试图在下拉菜单保持 100% 宽度的地方得到它,但按钮恰好适合该空间并且不会覆盖按钮。尝试使用 z-index 但汉堡菜单不再可点击。基本上,一个没有双赢的局面。这是我的代码:
HTML(简体)
CSS
jquery - Javascript:添加 HTML 代码,包括 img src 和 href's
尝试在 SlickNav 菜单中添加一些前置代码,虽然基本的 HTML 可以工作,但一旦我添加了 img 和 href 之类的东西,代码就会失败。我知道这是不正确的,但我想知道这里有什么用:
我知道这会起作用:
但另一个更先进。那么我怎样才能使它工作以显示 svg(或 png)图像?
jquery - SlickNav - 单击即可打开所有项目(触摸)
在我的 Wordpress 项目中,我使用 SlickNav ( http://slicknav.com/ ) 作为主(顶部)菜单。
当用户单击(或触摸或打开)菜单以向他显示所有菜单项以及子项时,我该如何实现?
先感谢您!
jquery - 只用一个导航器控制两个光滑的滑块
我正在使用 Slider SyncingSlick.js
并且只需要一个导航器来控制另外两个。
这是我的 js 代码
这根本不起作用..我尝试使用 slickNav 的 asNavFor 属性作为数组或冒号分隔,但它也不起作用。asNavFor: '.main, .secondary'
javascript - 将 Slicknav 与 Wordpress 一起使用
我见过一些人问这个问题,但我似乎无法在我的网站上获得任何其他建议。我正在尝试在我正在开发的 Wordpress 网站上使用 slicknav.js,但事实并非如此工作。我曾经让它工作,但不幸的是不得不废弃该网站并重新开始,现在我无法让它工作。我做了一些测试,才意识到我的脚本都没有加载。wp_enqueue_scripts()
根本没有通过我的任何脚本..知道我可能做了什么来打破它吗?
我在本地开发,所以我不能给出链接......但这是我所有的代码。
函数.php
我的 Theme.js 文件:
最后,这是我的 HTML 标记。
我的页脚没有显示任何脚本,即使我更改 $in-footer = false, Nothin.
显然我在页眉和页脚之间有一些东西,但我认为这些是唯一真正重要的部分..
有任何想法吗??
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 上仍然无法运行
jquery - $(函数(){}); 和 $(“文档”).ready(function(){}); 不一样
如果我使用:
它在 iphone 6 上不起作用,但似乎在其他任何地方都可以使用
但是,如果我使用
它似乎无处不在。有人可以解释发生了什么吗?
jquery - 为什么 jQuery 不能在 iPhone6 上运行,但在 iPhone 6S 上运行?
当我运行时:
在 iPhone 6S 或 iPhone 6 上它可以工作。但是当我运行时:
它适用于 iPhone 6S 但不适用于 iPhone 6。
两部手机都使用 iOS 9.2.1,代码没有其他变化。什么会导致一个$
冲突而不是另一个?
在两个 Iphone 6S 和三个 Iphone 6 上进行了测试。不工作是指汉堡包没有出现。有趣的是,如果我使用:
它在 Iphone 6 中不起作用
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