使用load()加载外部文件,然后使用fancybox插件进行修改并显示
Loading exteral file with load(), modifying and then displaying with fancybox plugin
我试图在点击按钮后加载一个外部文件,修改外部文件的一些html,然后通过fancybox插件显示它。我已经试了好几天了,但没有成功。
按钮
<a id="preview" class="btn btn-lg btn-success">Preview</a>
然后用一些代码将外部html文件加载到一个显示关闭的元素中(我知道这是错误的,我不知道其他方法)。然后,我尝试用fancybox打开这个元素。
$('#preview').click(function() {
$('#loader').load("demo/external.html", function(page) {
$.fancybox.open({ content: $('loader'), type: iframe});
})
});
正如你所知,我在这方面是个业余爱好者。如有任何帮助,我们将不胜感激。
随着更多的研究,我发现一切都可以通过Fancybox API完成。我使用beforeShow在外部页面上修改我想要的内容。CCD_ 1用于访问内容。
$.fancybox({
'href': 'demo/external.html',
'type': 'iframe',
'autoSize': true,
beforeShow: function () {
$('.fancybox-iframe').contents().find('#name').text(name);
}
});
相关文章:
- 如何在Angular2中使用jQuery插件
- 可以前端maven插件使用节点,npm已经安装
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- 我的jQuery插件参数没有正确启动,遇到了问题
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- Fancybox是否将Click事件静音
- TableExport jquery插件:文件名和扩展名问题
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- jQuery插件-从插件中调用公共方法
- 需要帮助谷歌地图方向面板在FancyBox中显示
- 压缩phonegap中ios的图像插件
- jQuery粘性插件可变顶部间距
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 高亮显示与数组字符串一起使用时文本插件中断
- 如何为jQuery屏蔽输入插件创建一个允许字母数字、空格和重音字符的掩码
- 使用load()加载外部文件,然后使用fancybox插件进行修改并显示
- Fancybox插件:重写href选项在飞行
- jQuery FancyBox插件快速查询
- 像fancybox这样的弹出式插件适用于触摸设备