问题标签 [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 投票
1 回答
329 浏览

jquery - Sidr.js 覆盖 Font Awesome 类样式

jQuery 插件sidr.js覆盖了我的FontAwesome移动菜单类。我如何防止这种情况发生?例如:

最终翻译成这样:

我知道发生了什么,但我不确定如何在插件中更正它。有没有其他人这样做过?

这是 sidr.js 的链接:http ://www.berriart.com/sidr/

0 投票
1 回答
114 浏览

jquery - 从 as3 触发 sidr 插件

我的页面上有一个 sidr 左侧菜单,目前由插件中包含的默认 href 链接触发。如何从同一页面上的 .swf 文件触发该功能?

这是我目前的 sidr:

这是我用来尝试触发菜单弹出的 as3 代码:

从 as3 调用的函数:

0 投票
7 回答
778 浏览

jquery - 带有 mmenu/sidr 和 Jquery 和 Turbolinks 问题的 Rails

我一直无法深入了解这一点,但有人怀疑 turbolinks 是罪魁祸首。更改菜单只是为了确保它不是一些奇怪的菜单问题。

我打开页面,单击菜单按钮 - 它工作,它打开侧面菜单,我单击菜单中的链接,然后它返回到我的应用程序。然后菜单按钮不再触发。最初当我使用 mmenu 时,它似乎缺少与 mmenu 相关的点击事件。使用 sidr,它似乎在那里,但没有任何反应。

我已经像这样设置了我的jquery

Rails 4:如何将 $(document).ready() 与 turbo-links 一起使用

示例 sidr

树中包含的 JS 文件

我已经使用 jquery turbolinks gem 设置了我的 application.js,例如

建议?

0 投票
2 回答
458 浏览

jquery - 当我在线上传我的网站时,Sidr 无法正常工作

当我在笔记本电脑上编写代码并在浏览器中查看预览时,Sidr 工作正常。当我完成整个网站并将其上传到我的托管帐户时,我发现 Sidr 不再工作了。这是我的 HTML 和 JS 文件。

0 投票
1 回答
936 浏览

javascript - 带有 angularjs 按钮 ng-click 的 Sidr 不起作用

我正在使用带有 Angularjs 的 Sidr 移动菜单。我在移动导航中放置了一个搜索栏,按钮工作正常。问题是当我将它与 Angularjs 结合时,ng-click 不知何故没有返回任何响应。

我尝试将按钮放在移动菜单之外,它工作正常。

HTML:

JS

我还是 AngularJS 的新手,所以我调用函数的方式或构建代码的方式可能有问题。任何帮助表示赞赏。

非常感谢

0 投票
2 回答
4028 浏览

javascript - 使用 JQuery 在移动设备上触发点击事件

在移动设备上查看时,我正在使用 Sidr 插件向我的网站添加侧边菜单。当用户单击其中一个侧面菜单项时,我希望菜单关闭,然后向下动画到他们选择的项目。本质上,它是一个美化的内部链接菜单,其中包含大量指向带有 ID 的内容的哈希链接。

以下是我目前为此目的的代码:

在桌面浏览器上以 400px 宽查看时效果很好。但是当在实际的手机上查看时,有效关闭 Sidr 菜单的 .click() 不起作用。

我相信这是因为您无法“点击”手机,但谁能想到我该如何解决这个问题?任何帮助都会很棒。

谢谢

0 投票
1 回答
680 浏览

javascript - 引导下拉菜单和其他组件在侧面菜单中不起作用(Sidr 插件)

我正在尝试在侧边菜单中使用下拉菜单。侧边菜单是使用名为Sidr的 jQuery 插件实现的

你可以在jsfiddle上看到它

侧边菜单和内容页面

我希望侧面菜单中的下拉菜单如下图所示。实际上,当我将代码放在侧面菜单之外时,它可以工作(应用了正确的样式,并且可以打开和关闭)。

工作下拉菜单(在侧边菜单之外)

但是,当将相同的代码放在侧面菜单中时,引导样式和 jquery 似乎无法正常工作。我不知道为什么会这样。

不工作的下拉菜单(在侧边菜单内)

HTML

JavaScript

CSS

如何让它识别引导组件及其功能?

0 投票
2 回答
167 浏览

android - 固定 div 在垂直滚动期间被锁定,直到主要内容也到达末尾

我试图寻找对此的回应,但即使有些问题相似,我也找不到任何问题的答案。

在我的网站中,我使用 Sidr JQuery 插件作为左侧菜单。它是一个固定的 div,底部:0,溢出-y:滚动。主要内容的高度大于左侧菜单。

在我的手机(Android 上的 Chrome)上,当我垂直滚动此菜单时,它开始滚动正常,但随后它被锁定并开始滚动主要内容。只有当主要内容接近尾声时,左侧菜单才会结束滚动。

如何避免这种行为并使两个元素彼此独立滚动?

谢谢!

0 投票
4 回答
826 浏览

javascript - Sidr.js 菜单在桌面上禁用

我正在使用从我的 HTML 菜单创建侧边菜单的 www.berriart.com/sidr/ jQuery 脚本。它工作得很好,但我想在大于 480 像素的分辨率上显示“标准”菜单,在低于 480 像素的分辨率上显示侧面菜单。

我触发它:

我想知道如何限制这个脚本只在屏幕低于 480 像素时运行?

抱歉,这里是 JS 新手 :)

0 投票
2 回答
250 浏览

jquery - 无法将内容附加到 Sidr

我正在使用Sidr,一个提供侧边菜单的 jQuery 插件。

我正在尝试执行以下操作:

  1. 通过 $.post() 和 json 返回从数据库中获取数据。作品

  2. 将此数据发布到我的 Sidr 菜单中。不工作!!!

当我执行脚本时会发生什么:Sidr 菜单打开,但在其中找不到var SHOPcontent内容。

我什至尝试alert(SHOPcontent)在打开 Sidr 菜单的同时运行一个。警报成功:它显示 var SHOPcontent 的内容。那么为什么 Sidr 菜单不能显示呢?

在下面查看我的代码,var SHOPcontent包含我试图通过 Sidr源选项回调放入我的 Sidr 菜单的一堆 html 。

寻求帮助以指出我的代码有什么问题。