javascript - 无法使用 leanModal 弹出两个不同的弹出窗口

标签 javascript jquery html css

为什么我的第二个弹出“Basic2”不起作用? 这是我的笔的链接: http://codepen.io/wdcris/pen/szkIB

看起来很基础,但我无法让它工作:(

最佳答案

根据 http://leanmodal.finelysliced.com.au/ 上的文档:

if you want more than one modal window on the same page, simply add the 'rel' attribute to your triggers, and call the function by attribute, like so:

 $("a[rel*=leanModal]").leanModal();

您需要将 rel="leanModal" 属性添加到您的触发链接,然后将 .leanModal() 方法绑定(bind)到具有该 的所有链接rel="leanModal" 属性。

这是您的示例,经过简化和修复后可以正常工作:http://codepen.io/anon/pen/yqKrx

希望这对您有所帮助!

关于javascript - 无法使用 leanModal 弹出两个不同的弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23373041/

相关文章:

javascript - jQuery UI Slider - 仅在处理程序/ slider /标记之间更改背景颜色

javascript - 将 if 语句内的逻辑重构为最低限度

javascript - 显示 json 文件的前 20 项

javascript - 部分没有响应 CSS

html - 将 LI 元件置于 UL 底部

javascript - 如何在 Webpack 项目中查找未使用的文件?

javascript - ajax后的图像execCommand

javascript - AngularJS 良好实践 : Hide/show new DOM elements or compile

已选中 JQuery 单选按钮

javascript - 需要事件处理程序时切换类问题