问题标签 [sidr]

我正在使用 jquery 插件 sidr 来显示弹出窗口，所有这些窗口的顶角都有一个关闭按钮，覆盖在图像的顶部。

为了使按钮保持在原位，我使用了 css 属性：

它适用于 chrome，但在 FF 中，关闭按钮显示在错误的位置，而在 Safari 中它根本不显示。将其更改为：

修复了 FF 中的问题，但按钮仍然没有在 Safari 中显示。和

按钮显示，但不再处于正确位置。

帮助解决此问题将不胜感激！下面是完整的代码。

html按钮：

CSS：

好吧，基本上我正在尝试实现来自这里的 Sidr ( http://www.berriart.com/sidr/ )

我只是想让它工作，我已将脚本添加到 function.php，甚至发出警报以测试它们正在加载和运行。这是我添加它们的方法。

我已经在 chrome 上检查了检查器，并确认它加载了脚本，我查看了控制台，除了显示这个之外，它只是看到它是空白的

div 显示，一切都在那里。使盒子从左向右滑入的代码本身是唯一不起作用的。我正在使用他在他的页面上的第一个基本演示，它从左侧滑出链接列表。

在这一点上，我感到非常沮丧，所以这就是为什么我希望这里有人能找到问题所在。

我正在测试的网站是（' http://chocobento.x10.mx/wp/ '）

我有一个复杂的导航设置，我正在尝试使用 sidr 来实现响应式菜单。我已经让它适用于主菜单，但是当我将 div id="navigation" 添加到我的社交菜单时，它只在 sidr 菜单中显示。我还想在我的 sidr 菜单中包含搜索。这是我的代码：

关于如何做到这一点的任何想法？该文档并没有很好地解释这一点。

谢谢！

使用 sidr 菜单...我可以看到在哪里可以指定主题...例如 sidr.light.css 或创建我自己的。我想知道，是否可以使用 javascript 动态更改菜单的文本颜色或背景颜色？我会假设是这样，但不确定如何进行。

我的测试页面 https://osticketawesome.com/support/awesome/inc/test.html

我正在尝试将汉堡菜单与 Sidr jQuery 插件相结合以创建侧边菜单。

它在 Chrome、FF、IE 和 Edge 中完美运行，但在我测试过的移动浏览器（Android/Chrome 和 iPhone/Safari）中，菜单会切换，但只有在我点击按钮的外边缘时才会显示动画。

有任何想法吗？

任何人都知道我怎样才能让 Sidr 进入固定的页眉和页脚之间？

我的页眉和页脚的 CSS 基本上是这样的：

目前，当 Sidr 被切换时，它将与正文内容一起推送页眉和页脚。

编辑：小提琴添加：jsfiddle.net/Lnpxx6me

I installed sidr with bower, but when I try to run gulp, it breaks and outputs the following error

I looked, and this compass/css3 file does not exists. _base.scss is the only file in that directory. Is there a fix for this that won't get over written whenever bower updates?

没有 jQuery的Sidr.js是否有任何等价物可以在 Angular 项目中使用？

您好，我正在使用 SIDR 插件向我的站点添加切换菜单。我想使用访问者可以单击并打开切换菜单的图像。我将图像包装在带有#simple-menu id 的标签中。但是图像不显示。有没有人知道为什么？

我需要从“sidr-inner”父 div 中的所有类中删除前缀“sidr-class-”。Sidr 提供了删除所有前缀的选项，但它也会从 ID 中删除前缀。我只想删除类前缀。HTML如下：

目前我正在使用下面的 jQuery 片段来搜索和添加类，但是使用大量类并不方便。

任何人都知道如何使用 jQuery 或 Javascript 来完成这项工作？提前致谢！