问题标签 [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.
responsive-design - 无法从页面顶部移动 slicknav
有没有办法在响应时在 slicknav 菜单上方显示内容?我试图将它从页面顶部移开,我试图得到:
====联系方式====
====LOGO====
====SLICKNAV====
javascript - jQuery,slicknav 插件,长菜单溢出 y
我将 slicknav 插件用于我的移动菜单,但遇到以下问题:菜单必须固定在顶部,但我的菜单相当长,对于较小的屏幕,无法浏览所有项目。我尝试将移动触发器(定位固定)和菜单本身相对分开,但这不起作用,以及为菜单包装器本身添加滚动和自动溢出-y。任何人都可以帮助我解决某种解决方案或遇到过与此插件类似的问题?html:
js:
CSS:(不工作)
mobileMenuHolder 持有菜单,位于固定 div 的底部。
感谢您提供的所有帮助。
javascript - superfish + slicknav 不起作用
我在网站的菜单上有一个问题,这个菜单有更多的部分,在桌面版本suddivise
中分为两部分,第一部分是普通菜单,第二部分使用 jquerysuperfish
作为桌面下拉菜单。
在移动端仅使用 slicknav,http: //slicknav.com/
每个工作都很好,但是有一个问题,如果例如在桌面中打开菜单并尝试调整桌面屏幕的大小后superfish
不切换slicknav
,只有重新加载页面工作并加载正确的类。
反之亦然:
如果在慢屏中打开菜单并且尝试打开后不切换到superfish
在实践中应该将类更改为相同的类以<div class="">
在桌面superfish
和slicknav
移动设备中使用
我用过这个脚本但不起作用
在class="cambioclasse2 "
我用来取消的类中superfish "sf-menu"
桌面菜单:
手机菜单:
javascript - 调整屏幕大小时使用 jquery-js 更改类名
我在我的网站上有一个 3 菜单。
desktop= 经典的 html 菜单 + superfish jquery
mobile= 有 slicknav jquery 菜单(包括桌面的每个菜单)
现在我的问题是在 slicknav 上包含 superfish 的静态菜单。
为此,我想创建一个条件,当屏幕尺寸减小时,用 slicknav 类更改 superfish 菜单类。
问题:当尝试使用示例时,更改类的简单脚本不起作用:
这是菜单的一个例子
这是因为 slicknav 重建没有 id 的菜单的输出,所以脚本不起作用,因为不存在 id "nullo"
现在如何只用类而不用 id 创建条件?
或者可以对 slicknav 进行更改?
更新::我测试了这个脚本,如果在大屏幕(superfish)中打开页面页面并在移动屏幕(slicknav)中缩小页面后,这个工作,但如果打开小尺寸页面(slicknav)并进入大屏幕后不起作用(超级鱼)。
为什么 ?
解决了这个异常代码,我该如何优化它?:
javascript - Slicknav 自动关闭多级菜单
我正在为我的移动菜单使用 slicknav。如果您单击另一个父菜单,我遇到了一个很酷的小方法,可以让父菜单自动关闭,如果我像下面这样使用它,我可以让它完美地工作(请注意,我不知道 javascript。你看到的是我从我在网上找到的其他代码中破解一些):
javascript:
我需要让一些子项目有自己的下拉菜单。有没有办法用相同的想法制作 javascript 函数?如果它没有改变,当您点击/单击任何具有自己的 ul li 项目的子项目时,它会打开,然后立即关闭。
如果我删除这个:
然后自动关闭停止。父母和孩子/父母保持开放。
我希望能够点击孩子/父母并让它保持打开状态,除非您点击另一个孩子/父母项目。如果我没有道理,我很抱歉。累了,这是我能做的最好的了......
正如本文开头所述,javascript 不是我的语言......任何想法或指针将不胜感激。
javascript - Skrollr 与 SlickNav,重叠问题
我已经使用 Skrollr 修复了图像,就像这样:http ://prinzhorn.github.io/skrollr/examples/classic.html
我也在使用 Slicknav 作为菜单。不幸的是,当菜单打开时,它会在固定的“视差”图像后面打开。
我试过改变定位、边距、z-index,等等!没有任何帮助。我希望菜单在图像顶部打开。
编辑:这里有一些代码:这个菜单放在 div 中,class="section-1" 在 skrollr-body 里面
之后的图像在 skrollr-body 之外:
CSS:
有人有想法么?
谢谢!
javascript - 打开/关闭时更改 slicknav 中的背景
我正在尝试在 Slicknav 菜单打开和关闭时更改 Slicknav 中的背景。
我使用此代码,但它对我不起作用。
我已经尝试过使用 basic if this then that,我觉得我只是在搞砸这个非常简单的 javascript。
任何帮助将不胜感激!
javascript - JQuery Slicknav,将两个菜单合并为一个,但在 2 列上
在 wordpress 自定义主题上,我使用 slicknav 菜单来创建响应式移动菜单。
它效果很好,所以我决定将我网站上的第二个菜单(类别菜单)合并到移动菜单中。
使用这个codePen很简单,但我想将菜单分成两个浮动列,左侧类别和右侧全局菜单。
看图片:
我目前可以在一个菜单和另一个菜单之间
插入一个“ ”,使用,但如果我“追加”创建浮动,结果代码是<hr>
combinedMenu.append("<hr>");
combinedMenu.append("<div class='col-sm-6'>");
所以它会关闭标签本身!GRRRRR
谁能帮助我?
再见,L。
javascript - 无法在 Wordpress 中运行的 Javascript 需要在 header.php 或 functions.php 中运行?
我试图让一些 js 文件在我的 Wordpress 网站的标题中工作。脚本正在显示和加载,但无法正常工作,但是它们在我们的常规 html 网站上工作得很好,所以我知道代码是正确的,只是不知道如何在 Wordpress 中正确实现它。任何帮助深表感谢!
我要开始工作的 3 个主要脚本是stickypanel.js(将导航粘贴到顶部)、slicknav.js(移动导航代码)和 slicknav.modernizer.js(移动导航代码)。
它们在我们的测试站点上运行良好(甚至在移动设备上):
http ://www.efficient.infraredcamerasinc.com/pages/contact-infrared-cameras-inc.html
但唉不能让它在我们网站的博客(Wordpress)部分工作:
http ://www.efficient.infraredcamerasinc.com/blog/
我还需要它来处理所有帖子和页面,所以我假设标题中运行(或发送运行)的脚本是可行的方法。我读过直接路径是禁止的,因此尝试将它们从子主题文件夹中拉出,但我找不到正确的代码(我知道<?php bloginfo('template_directory')
转到父主题,但找不到如何从子主题中拉出)。
我尝试在其中实现wp_enqueue_script
功能,functions.php
但我认为我完全没有这样做,因为那时我得到的只是一个空白页。这是正确的方法吗?
这很令人困惑,因为我在其中添加的样式表header.php
工作正常。
我知道slicknav
脚本为移动导航运行此代码:(我没有编写原始脚本,所以我所看到的)
这是我的header.php
文件:
先感谢您!
javascript - SlickNav菜单,每个li都有特定的颜色背景?
我准备了我的移动菜单,SlickNav
但我有一个小问题。我无法指定我的 css 属性,<li>
因为SlickNav
没有考虑在内。问题是我只是想改变我每个人的背景<li>
任何想法?