问题标签 [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.
jquery - Sidr.js 覆盖 Font Awesome 类样式
jQuery 插件sidr.js覆盖了我的FontAwesome移动菜单类。我如何防止这种情况发生?例如:
最终翻译成这样:
我知道发生了什么,但我不确定如何在插件中更正它。有没有其他人这样做过?
这是 sidr.js 的链接:http ://www.berriart.com/sidr/
jquery - 从 as3 触发 sidr 插件
我的页面上有一个 sidr 左侧菜单,目前由插件中包含的默认 href 链接触发。如何从同一页面上的 .swf 文件触发该功能?
这是我目前的 sidr:
这是我用来尝试触发菜单弹出的 as3 代码:
从 as3 调用的函数:
jquery - 带有 mmenu/sidr 和 Jquery 和 Turbolinks 问题的 Rails
我一直无法深入了解这一点,但有人怀疑 turbolinks 是罪魁祸首。更改菜单只是为了确保它不是一些奇怪的菜单问题。
我打开页面,单击菜单按钮 - 它工作,它打开侧面菜单,我单击菜单中的链接,然后它返回到我的应用程序。然后菜单按钮不再触发。最初当我使用 mmenu 时,它似乎缺少与 mmenu 相关的点击事件。使用 sidr,它似乎在那里,但没有任何反应。
我已经像这样设置了我的jquery
Rails 4:如何将 $(document).ready() 与 turbo-links 一起使用
示例 sidr
树中包含的 JS 文件
我已经使用 jquery turbolinks gem 设置了我的 application.js,例如
建议?
jquery - 当我在线上传我的网站时,Sidr 无法正常工作
当我在笔记本电脑上编写代码并在浏览器中查看预览时,Sidr 工作正常。当我完成整个网站并将其上传到我的托管帐户时,我发现 Sidr 不再工作了。这是我的 HTML 和 JS 文件。
javascript - 带有 angularjs 按钮 ng-click 的 Sidr 不起作用
我正在使用带有 Angularjs 的 Sidr 移动菜单。我在移动导航中放置了一个搜索栏,按钮工作正常。问题是当我将它与 Angularjs 结合时,ng-click 不知何故没有返回任何响应。
我尝试将按钮放在移动菜单之外,它工作正常。
HTML:
JS
我还是 AngularJS 的新手,所以我调用函数的方式或构建代码的方式可能有问题。任何帮助表示赞赏。
非常感谢
javascript - 使用 JQuery 在移动设备上触发点击事件
在移动设备上查看时,我正在使用 Sidr 插件向我的网站添加侧边菜单。当用户单击其中一个侧面菜单项时,我希望菜单关闭,然后向下动画到他们选择的项目。本质上,它是一个美化的内部链接菜单,其中包含大量指向带有 ID 的内容的哈希链接。
以下是我目前为此目的的代码:
在桌面浏览器上以 400px 宽查看时效果很好。但是当在实际的手机上查看时,有效关闭 Sidr 菜单的 .click() 不起作用。
我相信这是因为您无法“点击”手机,但谁能想到我该如何解决这个问题?任何帮助都会很棒。
谢谢
javascript - 引导下拉菜单和其他组件在侧面菜单中不起作用(Sidr 插件)
我正在尝试在侧边菜单中使用下拉菜单。侧边菜单是使用名为Sidr的 jQuery 插件实现的
你可以在jsfiddle上看到它
我希望侧面菜单中的下拉菜单如下图所示。实际上,当我将代码放在侧面菜单之外时,它可以工作(应用了正确的样式,并且可以打开和关闭)。
但是,当将相同的代码放在侧面菜单中时,引导样式和 jquery 似乎无法正常工作。我不知道为什么会这样。
HTML
JavaScript
CSS
如何让它识别引导组件及其功能?
android - 固定 div 在垂直滚动期间被锁定,直到主要内容也到达末尾
我试图寻找对此的回应,但即使有些问题相似,我也找不到任何问题的答案。
在我的网站中,我使用 Sidr JQuery 插件作为左侧菜单。它是一个固定的 div,底部:0,溢出-y:滚动。主要内容的高度大于左侧菜单。
在我的手机(Android 上的 Chrome)上,当我垂直滚动此菜单时,它开始滚动正常,但随后它被锁定并开始滚动主要内容。只有当主要内容接近尾声时,左侧菜单才会结束滚动。
如何避免这种行为并使两个元素彼此独立滚动?
谢谢!
javascript - Sidr.js 菜单在桌面上禁用
我正在使用从我的 HTML 菜单创建侧边菜单的 www.berriart.com/sidr/ jQuery 脚本。它工作得很好,但我想在大于 480 像素的分辨率上显示“标准”菜单,在低于 480 像素的分辨率上显示侧面菜单。
我触发它:
我想知道如何限制这个脚本只在屏幕低于 480 像素时运行?
抱歉,这里是 JS 新手 :)
jquery - 无法将内容附加到 Sidr
我正在使用Sidr,一个提供侧边菜单的 jQuery 插件。
我正在尝试执行以下操作:
通过 $.post() 和 json 返回从数据库中获取数据。作品
将此数据发布到我的 Sidr 菜单中。不工作!!!
当我执行脚本时会发生什么:Sidr 菜单打开,但在其中找不到var SHOPcontent
内容。
我什至尝试alert(SHOPcontent)
在打开 Sidr 菜单的同时运行一个。警报成功:它显示 var SHOPcontent 的内容。那么为什么 Sidr 菜单不能显示呢?
在下面查看我的代码,var SHOPcontent包含我试图通过 Sidr源选项回调放入我的 Sidr 菜单的一堆 html 。
寻求帮助以指出我的代码有什么问题。