Fancybox在提交父页面后无法工作

Question

我在页面中有两个按钮。一个用于提交页面，一个用于Fancybox。点击提交按钮后，Fancybox不起作用。我在使用提交按钮单击时使用YII模型验证。

我facybox JS是：

$(function(){ 
$(".various3").fancybox({ 
'width'    : '75.65%', 
'height'   : '100%', 
'top'    : '-1020', 
'autoScale'   : false, 
'autoDimensions'    : false, 
'scrolling'      :'No', 
'transitionIn'     : 'none', 
'transitionOut'     : 'none', 
'type'    : 'iframe', 
'padding'      : 0, 
'margin'      : 0, 
'onComplete'     : function(){$('.fancybox-iframe').contents().find('#MerchantLocations_location_name').focus();} 
    }); 

}); 

这是我的看法：

在Mozilla浏览器错误控制台

<a href="<?php echo Yii::app()->createAbsoluteUrl('/admin/addlocation/');?>" class="various3 " ><input type="button" class="big-btns-small floatright" value="Add Location"/></a> 

也是 “错误：类型错误：t是未定义” 正在出现

Answer 1

最后固定......

上午更新花式框最新版本2.1.4从1.3.4

现在会发生什么是弹出窗口即将到来。但是类'fancybox-overlay'的div将会出现2次。即第一个弹出内容和另一个空白（没有内容）。由于空白div来过另一个。当我点击弹出窗口时弹出窗口立即关闭。

为了克服这个问题，将fancybox脚本和样式表转移到网站的标题部分（它查看/ layout/main.php）。

谢谢@schmunk您宝贵的时间。

Answer 2

如果您正在使用Yii网格和他们的搜索功能，很可能您在ie搜索查询的响应中获得jQuery再次在AJAX响应中提供。 然后jQuery的重新初始化会打破您现有的FancyBox小部件。

快速解决方法是在你的clientScript组件的scriptMap部分禁用jQuery的，详见这个问题：How to disable jQuery autoloading on Ajax request in Yii?