如何使用easy fancybox的inline content功能

最近在做的一个项目,没有加载bootstrap,如果单单为了一个模态框显示表单而加载bootstrap,有点多余;
恰好这个项目有用到easy fancybox这个模态框插件,仔细看了一遍,其中有一个配置选项是inline content,看字面意思,基本是符合功能要求的。
谷歌了一下这款插件inline content配置的使用方法,相当方便,

<div style="display:none" class="fancybox-hidden"><div id="fancyboxID-1" class="hentry" style="width:460px;max-width:100%;"> ...inline content here... </div></div>
这个代码一目了然,首先就是将咱们要显示的inline content内容放在这里;
接着就是将以下这句代码放在前台显示的位置即可,id匹配上,over,perfect!
<a href="#fancyboxID-1" class="fancybox-inline">Read my inline content</a>
 
1
2018-03-02

1 个评论

Thanks for sharing.

要回复文章请先登录注册