问题标签 [sidr]

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 投票
2 回答
4396 浏览

javascript - 当我点击打开“sidr side menu”时,我也在点击我的 sidr 菜单项

我在以下网址关注了 sidr 文档:http ://www.berriart.com/sidr/

而且我的 sidr 左侧菜单已经可以正常工作了。

但是在我的手机上,只有在安卓默认浏览器上,当我点击我的链接“打开菜单”时,我也会点击我的菜单项“菜单 1”,所以它会用我的切换效果打开我的子菜单项。我不想要这个。

我只想在我的菜单项中单击时打开我的子菜单项,而不是在我的链接中打开菜单。

我找到了一个解决方案,也就是说,如果我将我的 sidr 菜单放在顶部有一些边距,与我打开菜单的链接不对齐,问题就解决了,就像我的第二张图片一样。

但我不想给那个margin-top,所以我试图寻找其他解决方案。

有人有这个插件的经验,可以给我帮助吗?

这只发生在手机和购买智能手机时附带的安卓浏览器上,但我想在手机上使用它,许多用户必须使用我认为是安卓默认浏览器的 Internet Explorer。)

如下图所示,我遇到了问题,因为“打开菜单”与“菜单 1”对齐,所以我点击了两者!

在此处输入图像描述

如下图,我没有问题,因为“打开菜单”没有与“菜单 1”对齐,所以我只点击“打开菜单”!

在此处输入图像描述

这是我的 jQuery 启动 sidr 插件:

这是我的小提琴:

http://jsfiddle.net/y4CX4/1/

0 投票
1 回答
134 浏览

jquery - 尝试将 sidr 用于两个侧边栏

我使用 sidr 和 jquery 来创建两个侧边栏。我可以打开侧边栏。我不想在这些侧边栏中添加列表内容。但是,当我将 div 添加到我的模板时,内容会出现在页面上。我可以将样式显示用于 none 和 block,但想知道这是否已包含在 sidr 中。

0 投票
1 回答
1071 浏览

jquery - Sidr 导航在 Wordpress 中不起作用

我试图让这个 网站负责。对于这个任务,我试图让sidr插件工作。但是什么也没发生:(。有人可以帮我找到问题吗?

我的functions.php:

我的 header.php:

我的 js.js:

我的 lbg_css.css:

我真的不知道该怎么办?据我了解,这是让它工作的方法......但是不,当窗口调整大小时菜单不会改变,只是文本对齐(用于测试)。

请帮忙!

非常感谢,来自德国的 Jan!

0 投票
1 回答
993 浏览

css - 无法在我的“fancybox”和移动设备上的“sidr 左侧菜单”中向下滚动(在某些浏览器中)

我正在使用两个 jQuery 插件:sidr(用于左侧菜单)和 fancybox(用于显示一些文章内容)。

这两个插件在桌面版本中运行良好,但我的网站有一个移动版本,在某些浏览器的这个移动版本中我遇到了问题。

我无法在fancybox 中向下滚动我的内容,也无法在我的sidr 左侧菜单中向下滚动我的菜单项。

你知道为什么会这样吗?

我已经尝试使用 -webkit-overflow-scrolling: touch;但我从未成功过。

在这里,我有我的 fancybox 演示:

http://jsfiddle.net/qVrLr/112/

在桌面版本中,当我单击“阅读更多”打开fancybox 时,我的网站内容被阻止,我可以毫无问题地滚动我的fancybox。

在移动设备中,当我单击“阅读更多”打开fancybox 时,我的网站内容没有被阻止,当我滚动fancybox 我的网站内容时。

在某些浏览器中,当我尝试滚动fancybox 时,我只是将我的网站页面滚动到fancybox 后面,但我的fancybox 不滚动...

0 投票
1 回答
1895 浏览

responsive-design - 使用 Sidr 创建多级导航

我正在使用Sidr创建一个多级(嵌套)菜单。我的目标是实现一个响应式菜单,例如:http ://www.currys.co.uk

我的 2 级导航运行良好,但无法让任何进一步的级别正常工作。

HTML:

JS:

0 投票
1 回答
766 浏览

javascript - sidr菜单关闭在chrome mobile中不起作用

我使用 sidr 作为我网站的侧边菜单。但是当我在手机的 chrome 浏览器中打开它时。当我单击按钮时它会打开。但是当我再次单击该按钮时不会关闭。如果我使用海豚浏览器,它就可以正常工作。

我创建了一个 Fiddle .. 这是我的代码,可以完美地打开和关闭菜单,在这里似乎不起作用。

小提琴

JS:

CSS:

HTML:

还有我的视口:

0 投票
1 回答
297 浏览

javascript - 当没有提供销毁参数时取消绑定 jQuery 插件

我正在使用一个名为Sidr的插件来创建类似 Facebook 的侧边栏。它初始化为:

问题是,我只想在特定的视口大小下产生这种效果。我知道许多 jQuery 插件都带有一个类似destroy参数来卸载脚本的东西。但是这个插件没有。

#menu_trigger有谁知道在触发特定浏览器大小时如何取消绑定此功能。像:

谢谢

0 投票
1 回答
1459 浏览

jquery - Sidr 菜单打开时如何显示关闭图标

我在我的网站上实现了 Sidr 移动菜单:

在此处输入图像描述

以下 JQuery 切换菜单的打开和关闭:

打开/关闭菜单后如何切换菜单图标?

0 投票
1 回答
175 浏览

jquery - Sidr 预加载错误

我在我的网站上使用 Sidr 侧边栏进行过滤搜索。该网站几乎完成,但有一个问题。在整个站点完全加载之前,侧边栏的内容首先在加载时出现(大约一秒钟内没有其 css 样式)。它看起来像这样: http ://bit.ly/1sz3W6N

这是我客户的截图。我认为它只在负载缓慢时才会出现,因为从我这边看来,一切似乎都很顺利。

我对如何解决这个问题一无所知。帮助?

0 投票
1 回答
151 浏览

jquery - 我找不到逻辑上的一些差距 - 使用 jQuery hover 和 Sidr

这是Sidr,一个允许菜单侧边栏出现在页面两侧的插件。

我尝试创建一个自定义按钮来切换侧边栏的打开和关闭 - 即 #hoverzone 框,当光标悬停在它上方时会打开该栏,并在光标移出框时关闭。

但是它有一些问题我无法准确指出,它只是不能通过悬停工作,只有当我出于某种原因单击该框时才会工作。

如果有人能指出上面代码的问题或提供替代解决方案,将不胜感激。