问题标签 [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 回答
878 浏览

javascript - AngularJS 和 sidr 库

对于 sidr,它href="#targetDivToSidr"用作确定在哪个 div 上执行侧边栏的方法。这在与 AngularJS 一起使用时会出现问题,因为 # 用于路由。

上面的代码不起作用。当我单击链接但没有内容时,左侧的 sidr 出现。如何让 AngularJS 让 sidr 使用href="#..."?.

0 投票
1 回答
475 浏览

javascript - Sidr 点击动作 Jquery

我正在尝试使用 sidr 插件和 jquery 创建一个网页。当有人点击一个列表项时,它会做一些事情,比如说出它是哪个项目。我创建了一个基本的 html 文件,例如:

http://pastebin.com/hc4QyxW6

如您所见,调用 jquery 和 sidr 库。我的 css 文件是 sidr 提供的。当我点击身体上的那些时,没问题。但是当我点击侧边栏上的项目时,jquery 不会激活点击活动?我怎样才能使侧边栏中的那些工作?我正在寻找 5 小时的解决方案。请帮忙 :D

谢谢你。

这是我的文件

0 投票
1 回答
866 浏览

javascript - 我的 Sidr 菜单无法在 Chrome 上打开 - 仅在家用电脑上

长期用户/潜伏者,但这是我第一次提出问题。开始...

http://jonathanfanndesign.com/lowsleep/上的 sidr 菜单适用于我在 IE 上的家用笔记本电脑,适用于我的 iPhone,适用于我在 Chrome 中的工作计算机,适用于我妻子的 Mac,但只是给了我http://结果是jonathanfanndesign.com/lowsleep/#sidr在我的家用笔记本电脑(运行 Windows 8 的 HP)上没有拉出菜单。

开发人员区域返回以下错误:

滑块 javascript 错误在那里,因为它不再被使用,我需要在明天上班时从我的代码中删除它,所以我没有将它上传到我的网站,但这不应该影响 sidr 菜单。可能是已弃用的 event.returnValue 吗?为什么这不能只在一台计算机上工作?我对此感到有点害怕,因为我不希望我的网站不能在我不知道的随机人的计算机上运行。

感谢您提供的任何意见。

0 投票
1 回答
204 浏览

jquery - Sidr 不在博客 blogspot 中工作

我正在尝试在博客中实现 sidr,我尝试了所有方法,但它不起作用。这是我尝试过的

这是博客:http: //xfactor445.blogspot.in/

我在代码笔中尝试过:http: //codepen.io/anon/pen/Hmkof

0 投票
1 回答
256 浏览

jquery - Rails:为什么单击对使用 Sidr jQuery 库创建的锚点不起作用?

我正在使用这个名为Sidr的库来创建侧边栏。我已经包含了所有需要的 jQuery 和 CSS,事实上它正在工作,但是我必须双击而不是 1 单击才能真正打开侧栏。

这是代码,实际上我想实现这个例子,但它需要两次点击才能工作:

当我取出 turboLinks 时,它可以工作,但我也确实需要 TurboLinks。

有什么建议或解决方法吗?

0 投票
0 回答
435 浏览

jquery - iOS phonegap:jquery sidr 不工作

我是phonegap的新手。我希望在 phonegap 中实现幻灯片菜单。为此,我正在使用sidrjquery。当我在单独的 htl 文件中使用 sidr 时,它可以工作。这是代码:

相同的代码在 ios phonegap 中不起作用。这是代码:

甚至警报也不会被触发。我哪里错了?我该如何解决这个问题?

0 投票
1 回答
1076 浏览

jquery - jquery声明后改变样式

我正在使用 sidr,例如

初始化之后我想

我试过谷歌,但我不确定在这种情况下“初始化插件”是否是正确的词。确定插件是否已经“启动”也很有帮助,例如

感谢您提前提供任何帮助。

0 投票
1 回答
698 浏览

mobile - 点击菜单项时侧边菜单关闭

我在一个网站上工作,我尝试在访问菜单项时关闭侧边菜单 (sidr)。通常在我单击/点击一个之后,菜单仍然存在,我需要再次使用菜单按钮将其关闭。

我成功让它在台式机上运行,​​但我不知道如何在移动设备上运行。

有人可以帮我吗?

这是我用来使它在桌面上工作的代码:

等待你的答复!谢谢!!

0 投票
1 回答
224 浏览

jquery - Sidr Plugin - 仅在几页上工作的侧边栏

再次提出一个新的、困难的问题(希望对你们所有人都不适用!)。

我已经使用 sidr 插件运行了这个网站。它在 master 上初始化Site.Master,并且正在“几乎”所有页面上工作。但是,在几页上,它提出Uncaught TypeError: Object [object Object] has no method 'sidr'并引用Site.Master$(document).ready(function(){ $(#sideBar).sidr({ name: 'sidebar', side: 'left' });});.

有谁知道为什么它在大多数页面上都有效,但在少数页面上却不行?我已经检查了这个这个这个,但无济于事。非常感谢任何和所有帮助。

干杯

编辑:

添加图片以更好地显示正在发生的事情。如您所见,布局完全丢失,好像页面上的 JavaScript 已被禁用。对 .sidr 和 .searchable 的引用是Site.Master唯一的,所以我不确定为什么会这样。正如评论中提到的,我确保只有一个对这些脚本的引用。

提前致谢。

以下是它在它不起作用的几个页面上的样子:

图片1

这是它在它工作的页面上的样子:

扩展侧边栏 -

图片2

隐藏的侧边栏 -

在此处输入图像描述

0 投票
0 回答
964 浏览

javascript - sidr 菜单滚动在桌面上运行良好,但在移动设备上却不行

我正在关注 sidr 文档,因为我试图做一个滑块响应菜单。

我导入了这个创建者提供的轻 css:

然后我有我的 html,以及初始化插件的脚本。

当我单击链接打开菜单时,它在 destktop 上工作正常,菜单打开时带有我的菜单和子菜单项,并且带有滚动垂直条,因为我有一个包含许多项目的菜单。

但是在移动设备上,滚动不起作用,我有一个水平条而不是垂直条,当我滚动菜单时不会向下滚动,我只会移动我的其他 html 内容。

有人已经尝试过使用这个脚本,现在我该如何解决这种情况?

这是我的 jQuery 启动脚本: