问题标签 [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 - Desandro 的新砌体示例给了我“未捕获的 ReferenceError:容器未定义”
我一直在为我的公司设计一个自由网页设计组合。在 s3 @ http://drootech.com.s3-website-us-west-1.amazonaws.com/dtindex.html上是静态的
最初,我一直在定制旧版本的 masonry(使用 jQuery/Javascript 来创建响应式作品集),能够按类别(设计、工程等)过滤掉各种内容类型。
它似乎工作正常,但是我在控制台中收到错误“未捕获的 ReferenceError:未定义容器”
这是代码:
});
非常感谢任何形式的帮助或说明情况,我不确定为什么会出现错误。
编辑我用以下代码修复了错误。
});
当您单击 div engineeringiC 时,我试图对上面的代码执行的操作是隐藏具有“designshwr”类的所有内容。
但我很难让它发挥作用。有什么想法或建议吗?PS忽略我需要重写的expandi函数。
javascript - SlickNav jQuery 插件 - 只有一个打开的菜单
我想用这个插件实现手风琴效果。默认情况下,它用作切换。当我单击另一个 1 级菜单时,我需要折叠打开的菜单。
我的结构是:
- 一级锚
一级锚
- 2级锚
- 3级锚
- 3级锚
- 3级锚
- 2级锚
- 2级锚
一级锚
- 一级锚
当我点击另一个子菜单时,我需要关闭所有打开的 1 级子菜单。有人可以帮我吗?
非常感谢你。
我正在使用这个插件 - https://raw.github.com/ComputerWolf/SlickNav/master/jquery.slicknav.js
javascript - 同一网页上的多个 javascript/jquery 脚本
我有一个响应式菜单和响应式幻灯片,需要 javascript 和 jquery,但只有一个有效。
第二个有效,但第一个无效。当我再次切换它们时,第二个有效,但第一个无效。有没有办法组合代码以便两个脚本都可以工作,还是“一个或另一个”的情况?
javascript - 更改不同窗口大小的 pageScroller 偏移量
对于我的网站,我使用jquery.pagescroller.lite.js
. 在 .js 文件中,我像这样初始化函数:
现在,只有当窗口大小在 768px 和 959px 之间时,我才需要更改 scrollOffset 值,而其他大小保持不变。
重要提示:请注意,对于这些窗口大小,标准导航 ( #nav
) 栏已替换为移动导航栏,代码如下:
我有两个问题:
我注意到
pagescroller
显示移动菜单时脚本不起作用。我该如何解决?如何
pagescroller
在我的 .css 响应文件中调用以更改选项?[可能@Eric Whitehead 的答案会起作用,但我必须首先让 pagescroller 用于小窗口尺寸。]
javascript - Jquery 没有在 Wordpress 主题中正确排队
我正在构建我的第一个 Wordpress 主题,并且正在尝试实现一些插件。我是一个绝对的初学者,所以请原谅我对它完全缺乏知识!
据我所知,您需要在 functions.php 文件中将脚本排入队列以使 JQuery 工作。我已经这样做了,但是通过遵循一系列不同的教程/在我导师的建议下。似乎它仍然无法正常工作,我不知道从这里做什么!
我敢肯定,对于受过训练的眼睛,我哪里出错了,这将是非常明显的,这很好,因为这正是我所需要的!:)
这是我的functions.php文件中的代码:
这是我放入 footer.php 文件的脚本:
任何帮助将不胜感激!谢谢!
jquery - 带有phonegap的手机上不会出现slicknav菜单
我正在使用 sliknav 在我的 phonegap 应用程序中使用移动菜单,该按钮在浏览器中完美运行,但在使用 phonegap 构建后,按钮就消失了。
这是相关的 HTML 代码
和调用菜单的javascript函数
jquery - 带有 Wordpress 的 Slicknav
我正在尝试在 Wordpress 上使用带有自定义主题的SlickNav 。我觉得我已经尽了一切努力让它发挥作用,却找不到任何有类似问题的人。该网站还没有上线,所以恐怕我没有链接可以分享。
首先,我按照插件网站上的说明安装了 SlickNav(在添加 Wordpress 相关代码之前工作得很好),然后我尝试为 Wordpress 修改它。在我的functions.php中,我添加了“菜单”的ul ID:
在我的 header.php 中添加了以下内容,在 head 标记内但在调用 wp_head 之前和 body 标记之前:
并在调用 wp_footer 和关闭 body 标记之前将其添加到我的 footer.php 中:
我尝试用<?php bloginfo("template_url"); ?>
我在 Wordpress 论坛上找到的任何和所有变体替换它;甚至用指向目录的硬链接替换它,但没有任何效果。
然后我删除了所有这些,并将其添加到我的functions.php中:
并将其添加到我的 header.php;当这不起作用时,我将其删除并将其添加到我的 footer.php 中:
当这不起作用时,我删除了所有内容,回到第一格,但删除<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
了,假设这可能是一个 jquery 问题。但这没有用。
在这一点上,几乎尝试了我能想到的一切,我开始怀疑答案是否非常简单/就在我的眼皮底下,但我只是盯着它太久了。任何帮助将不胜感激。
javascript - 谷歌浏览器中的 SlickNav 菜单问题
这是我的网站:http ://www.reliableairinc.com ,在调整动态页面上的浏览器窗口大小时,slickNav 响应式菜单图标会消失。仅在 chrome 中面临此问题。
javascript - slicknav 项目功能不起作用
嗨,我在我的项目中使用 slicknav,我不知道为什么当我向菜单项添加功能时它什么也不做!需要一些帮助:) thx
HTML
JS
css - 背景颜色 Slicknav 响应式菜单的悬停问题
我在使用 slicknav 响应式菜单时遇到问题,如果导航按钮为样式表中的悬停设置了不同的背景颜色,如果您将鼠标悬停在实际标签文本上,则背景颜色会正确更改,但是如果您将鼠标悬停在按钮远离文本,则实际文本后面的颜色不会改变。因此,您会在原始颜色的文本周围得到一个相当丑陋的框。这发生在所有经过测试的浏览器中。
我找不到任何方法来阻止这种情况的发生,css 文件并不复杂。我现在在几个网站上使用过 Slicknav 并且总是遇到同样的问题,但这次我真的需要修复它。
你可以在这里看到一个例子:http: //www.yorkluxuryholidays.co.uk/
在响应模式下,将鼠标悬停在具有子菜单的菜单项之一上,但不能直接悬停在菜单文本本身上,并且文本后面的区域不会改变颜色。
这是我用于悬停的 css:
您在哪个类上设置颜色似乎没有区别,或者两者都没有,行为完全相同。
我很想知道是否有办法用css解决这个问题!