fancybox
如何使用easy fancybox的inline content功能
WordPress • Leo 发表了文章 • 1 个评论 • 4164 次浏览 • 2018-03-02 14:45
最近在做的一个项目，没有加载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>
查看全部
恰好这个项目有用到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>
查看全部
最近在做的一个项目，没有加载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>
恰好这个项目有用到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>
如何使用easy fancybox的inline content功能
WordPress • Leo 发表了文章 • 1 个评论 • 4164 次浏览 • 2018-03-02 14:45
最近在做的一个项目，没有加载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>
查看全部
恰好这个项目有用到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>
查看全部
最近在做的一个项目，没有加载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>
恰好这个项目有用到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>
