问题标签 [simplemodal]

我正在寻找演示在 ASP.NET webforms 项目中使用 SimpleModal 的示例或文章。

理想情况下，文章将显示使用 simplemodal 创建和编辑网格行。

当用户单击按钮或链接时，我使用 SimpleModal jQuery 插件显示一个对话框以覆盖整个页面，防止用户在下一页加载之前的延迟期间单击另一个按钮或链接。（我想避免这种情况，但这是另一天的问题。）

下一页显示后，如果用户单击“返回”按钮，前一页仍会显示 SimpleModal 叠加层，从而阻止他们使用该页面。这是个问题。

如何使 SimpleModal 对话框在离开页面或用户单击“返回”按钮返回页面时自动关闭？

我试过这个没有成功：

谢谢！
沃利

更新：这是似乎效果最好的解决方案：

我正在尝试使用 jQuery SimpleModal插件，但我很好奇：描述页面提到了一个“容器”div。这样做的目的是什么？我需要使用它来使用插件吗？

我的问题与SimpleModal jQuery 插件有关。我打开模态窗口没有问题，但是一旦打开它就会停留在屏幕上[居中]的位置，但是它的内容正在发生变化，使其更高，因此不再居中。有没有一种简单的方法可以重新对齐它，使它再次居中？

编辑：我认为通过显示两个屏幕截图有助于解释我的问题：之前和之后- 基本上我使用 jQuery 的slideUp和slideDown功能来隐藏信用卡表单，具体取决于用户是通过现金/支票还是信用卡付款. 显然，信用卡字段增加了容器的高度。

我尝试添加$("div#modal-element").setPosition()slideUp/slideDown 的回调元素，但无济于事——实际上setPosition()是抛出 ​​JS 错误，因为显然该函数不存在。我总是尝试添加 autoResize 选项并将其设置为 true。

注意：这已从原始问题中编辑，并提供了解决方案。原题太长，思路有很多错误。为此我深表歉意。

当调用simplemodal div 类.basic-modal-content的每个实例在链末尾的模态窗口中添加一个额外的下一个或上一个按钮时，我们遇到了一个问题。我们有两个独立的模态内容区域，它们在模态窗口中连接。

这可以通过使用两个 div 类来解决：.basic-modal-content-foo 和 .basic-modal-content-bar，并在页面上有两个下面的脚本实例。所需要的只是一些 CSS ......

这是脚本的“foo”版本。修改 bar 版本的 div 类的 4 个实例。

和一些 CSS 为每个窗口创建一个图像，通过 ul/li 列表显示进度条。

生成上述代码的代码如下所示：

并将“栏”模式的附加文本留在 div 类中。

ul/li 结构适用于链接的主页。模态窗口允许浏览所有六个文本。窗口有一个通用的 CSS 样式，每个模态窗口中都有一个自定义图像，从进度条形式的“#modal_[number] img”CSS 派生。

这是来自三个传记链接之一的相关代码。您会注意到，在当前配置中，每个传记链接都必须包含所有三个。

同样，“传记”从页面的不同区域打开。模态窗口允许浏览所有三个 BIO。bios 使用相同的 CSS 样式窗口和每个模态窗口中的自定义图像，该图像从 "#modal_[number] img" CSS 以肖像的形式派生。

一切运作良好。

剩下一个问题：我在页面上有两个 JS 实例。这可以组合成一个脚本吗？

提前致谢。

DDF

http://www.ericmmartin.com/projects/simplemodal/

页面底部附近有两个示例，展示了如何进行打开或关闭动画。

我对 jquery 很陌生。如何同时声明 onOpen 和 onClose？（我一次只能让一个人工作。

感谢您的任何帮助，您可以提供。

我想调整简单容器的高度，以匹配使用 $.ajax 从服务器返回的数据传递的不断变化的深度要求。

似乎一旦触发模式，所有CSS都会即时更改，例如 $('#someid').css('height','500px')

无论如何要覆盖设置的CSS？

谢谢

你好，

我打算在我的项目站点上使用 jquery Simple 模式进行登录和注册。我尝试使用此处提到的 2 个模态。但我仍然无法使其工作。这是我的代码

我想这与 open: 功能部分有关，任何人都可以帮助我吗？

我想从现有模式中的链接调用另一个简单模式。

我正在使用 OSX 模式。

我怎样才能做到这一点 ？

谈论 jQuery 插件 SimpleModal。大多数时候我认为这是一个方便的功能，但我发现在某些情况下我需要删除它。我有哪些选择？