我试图通过将内容放在div中(而不是将其浮动在屏幕的中心)来更改fancybox 2功能,该div最初将被隐藏,并将扩展以适合其内容 . 当关闭按钮时,div将缩小并再次隐藏 .
我正在使用iframe fancybox类型,并且将加载的内容是html . 我尝试使用appendTo但没有成功,有任何关于如何解决这个问题的想法?
fancybox js文件:
overlay:f('<div class="fancybox-overlay"></div>').appendTo(b.parent||"body")
如果appendTo myDiv没有任何变化(内容仍然加载但在正文中间):
overlay:f('<div class="fancybox-overlay"></div>').appendTo("#myDiv")
1 回答
您可能不需要fancybox,但可以创建自己的自定义脚本 .
只是为了好玩,有这样的HTML
使用一些CSS来隐藏
#targetContent
之类的并按照您需要的方式设置关闭按钮
#myClose
.同时为iframe设置基本CSS
然后使用此代码将所有选择器绑定到其特定事件和回调以实现平滑过渡
见 JSFIDDLE
NOTE :
.on()
需要jQuery v1.7