问题标签 [avgrund]

我正在尝试使用 js 库Avgrund创建两个弹出窗口。问题是，每当我在同一页面上有两个表单时，只要调用 activate 函数，它们都会被激活。

总结一下javascript-用户按下登录或注册按钮，并导致调用以下内容：

这会将“活动”类添加到表单中，并导致显示签名 avgrund 转换和弹出窗口 -用于两种表单。querySelector 的目的是仅修改具有与其关联的特定 id（选择器）的 side 元素。这应该只导致具有特定 id（'#login' 或 '#signup'）的表单弹出。

旁边元素的类（登录和登录表单）根据每个按钮进行更改 - 但两者都显示弹出窗口。最后，其中一种形式始终显示在另一种形式之上。

这是CodePen中问题的简化版本

如何运行模态并从动态创建元素构建模态。

例如，我有一个按钮，我想启动模态，它是动态创建的。

我正在使用这个模态插件： http: //labs.voronianski.com/jquery.avgrund.js/

我已经尝试过了，它确实有效，尽管在第二次单击按钮之前它不起作用。

谢谢

我正在使用http://github.com/voronianski/jquery.avgrund.js/

我的 js 调用是：

我的弹出内容是：

我想要的是，当我单击取消时，我希望关闭弹出窗口。

我正在尝试在页面加载时调用 jquery (avgrund) 模态窗口插件，但我不知道该怎么做，这是我目前所拥有的；插件页面在按钮单击时调用插件，但我不希望它在页面加载时执行...

该插件的链接在这里... http://labs.voronianski.com/jquery.avgrund.js/

我在使用这个 Javascript 弹出窗口时遇到了问题。对于一件重要的事情来说，它工作得很好，当我在主屏幕上向下滚动页面时，如果我点击登录按钮，这个弹出窗口似乎隐藏在顶部。它不适合卷轴。

我添加了屏幕截图来说明我的意思。第一个显示它看起来不错，另一个显示当我向下滚动一点并按下按钮时。

它似乎也隐藏了顶部的菜单栏..这是固定的

我不知道如何解决这些问题。有人有想法吗？

我的 CSS

下面是我的名为 invalid_file_popup.php 的 php 文件，我已经为弹出窗口编写了所有代码，并且我已经对其进行了测试

^^^ 工作正常。但我想将它包含到另一个页面中，如果它在这个 if-else 语句中，则调用这个“显示”函数。有人知道如何调用它吗？

invalid_file_popup.php

在这段代码的底部是我想调用javascript函数的地方，所以它会弹出窗口。我在其中包含了 invalid_file_popup.php

我有一个不透明度不覆盖整个页面的网页。我尝试使用 z-index 来解决这个问题，但由于某种原因它不起作用。

这是网页： http: //www.fairdash.com/test-page

这是 JSFiddle：http: //jsfiddle.net/4gqs4275/light/

这是我的 CSS 试验：

更换.avgrund-cover没有.avgrund-active成功。

我已经.avgrund-active {visibility: visible; opacity: .55;}从opacity:1;..avgrund-active .avgrund-cover

注意：我只能编辑位于 JSFiddle 中的代码来解决这个问题。

我正在学习“ Avgrund Modal 插件”，我想知道如何将 HTML/PHP 文件的内容包含在 javascript 中。

当我创建模态窗口时，我使用以下代码：

模板中的值是模态窗口的内容。这是文档中的描述

当我打开窗口时，如何包含一个完整的 php/html 文件来运行？

提前致谢。

我正在尝试让 avgrund 插件在我的网站上运行，并且取得了一些成功，但模糊和背景效果无法正常工作。

样本

我有一个与这里使用的 css 文件完全相同的副本，并且它正在正确导入。

我已经尝试从这个 css 中删除类“.avgrund-blur”：

成功地使页面模糊，但它也模糊了弹出窗口。

我什至没有试图弄清楚为什么我的网站上的背景是白色的，而不是出现在样本后面的黑色图案，但最终这也需要理顺。任何人都知道是什么导致了这些问题？

编辑：我已经解决了背景问题。事实证明，这只是设置 html{} 背景属性的问题。然而，模糊问题仍然是一个问题。

如果当前用户是访客，我想运行 avgrund 插件，否则我想运行另一段代码。

到目前为止，我的代码如下所示：

但问题是两次单击后会打开弹出窗口。我应该如何让代码在第一次点击时运行。

这是 js 小提琴演示：

https://jsfiddle.net/sv1mmn6q

更新：

我尝试了这种方法，对于这个小例子来说似乎效果很好。

更新了 jsfiddle 演示：

https://jsfiddle.net/sv1mmn6q/1/

但实际上使 avgrund 插件在点击事件时激活。例如，如果您单击主页，它会激活 avgrund 插件。这是意外的行为。