通过 
搜索
搜索swiftotter / popup
此包已被弃用且不再维护。未建议替代包。
关于此包的最新版本（1.2.2）没有提供许可证信息。
SwiftOtter的Popup JS模块将小部件添加到您的webpack/AMD风格的代码中，以便在任何位置触发弹出窗口。
1.2.2
2017-03-08 01:50 UTC
Requires
This package is not auto-updated.
Last update: 2017-03-08 14:36:31 UTC
README
此模块功能强大且高度可定制。灵感来自：http://zurb.com/playground/reveal-modal-plugin
三个入口点
modules/popup-click.js：监视具有.js-popup-click类的元素以捕获点击事件modules/popup-hover.js：监视具有.js-popup-hover类的元素以捕获悬停事件- 此入口点的理念是系统等待指定的时间以确保鼠标仍然在
modules/popup-manual.js：监听PubSub的popupbox:open事件（使用数据参数传递选项）
选项
（指定在全局 PopupOptions 节点中或通过 watch() 函数传入）
addPopupAfter：在弹出区域之前添加的元素url：从该url加载数据selector：从该元素加载数据visibleBodyClasses：当弹出窗口可见时应用于</body>标签的类hideLoading：是否隐藏加载指示器loadingImageUrl：加载指示器的url（如果没有url，则不显示加载指示器）showBackground：是否显示背景hover：是否由鼠标事件触发background：背景选项className（默认js-modal-background）：应用于背景</div>元素的类additionalClasses（默认['js-cover-screen']）：应用于背景元素的额外类bodyClassName（默认js-background-visible）：当背景可见时应用于</body>标签的类
回调函数
positionCallback：定位弹出窗口的回调（left, top, width, height）- 这将被调用两次：弹出窗口可见之后以及数据加载之后（因为它们可能大小不同）。
afterShowCallback：弹出窗口显示完成后运行的回调函数（但可能还没有内容）completeCallback：弹出窗口加载完成后运行的回调函数
类
.js-popup-visible：在可见时应用于弹出容器.js-popup-box：弹出容器.js-popup-loading：加载指示器.jsjs-popup-close-box：关闭弹出窗口的链接.js-modal-background：（默认）：应用于背景元素。.js-cover-screen：（默认）：也应用于背景元素。.js-background-visible：（默认）：在背景可见时应用于</body>元素。.js-popup-click：应用于一个元素，点击它会弹出对话框.js-popup-hover：应用于一个元素，悬停在它上面时会弹出对话框.js-popup-disable-background：应用于点击或悬停元素以禁用背景加载（仅适用于点击元素）
注释
- 两个事件区域
- 内部事件：这些事件源自弹出实例内部（例如
_uniqueID:_internal:close）。订阅这些事件的最简单方法是调用弹出实例的instance.addEventListener('close', callback); - 外部事件：在弹出实例上执行操作，如关闭它（《_uniqueID:popup:close》）。
- 内部事件：这些事件源自弹出实例内部（例如