colorbox iframe不适用于jquery 1.11

colorbox iframe不适用于jquery 1.11,jquery,colorbox,Jquery,Colorbox,当我使用jquery-1.11.0.min.js时,colorbox无法正确加载视频。显示colorbox div,但未加载YouTube视频。看见当我使用jquery-1.7.1时,视频加载正确。看见有人能找出一个适用于1.11.0的解决方案吗 <script type="text/javascript" src="../script/jquery-1.11.0.min.js"></script> <script type="text/javascript" sr

当我使用jquery-1.11.0.min.js时,colorbox无法正确加载视频。显示colorbox div,但未加载YouTube视频。看见当我使用jquery-1.7.1时,视频加载正确。看见有人能找出一个适用于1.11.0的解决方案吗

<script type="text/javascript" src="../script/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
<script type="text/javascript" src="../script/jquery.colorbox-min.js" charset="utf-8"></script>
<script type="text/javascript">         
    /*<![CDATA[*/               
    jQuery(document).ready(function(){
    jQuery('.youtube').colorbox({iframe: true, width: 853, height: 480, href:function(){
    var videoId = new RegExp('[\\?&]v=([^&#]*)').exec(this.href);
    if (videoId && videoId[1]) {
        return 'http://youtube.com/embed/'+videoId[1]+'?rel=0&wmode=transparent';
    }
}});        
});
/*]]>*/
</script>
<div>
    <p><a class='youtube' href="http://www.youtube.com/embed/Z_nAZI5dfx0?rel=0" title="Susanne Dutt-Roth Riding D2 March, 2012"><img src="S_DuttRothFeb2012.jpg" title="Susanne Dutt-Roth Riding D2 March, 2012" alt="Susanne Dutt-Roth Riding D2 March, 2012"/></a></p>
</div>

/**/


jQuery colorbox仅与jQuery 1.3+兼容。您必须在代码中引用jquery的更新版本

“兼容:jQuery 1.3.2+”


此链接()包含多个jQuery文件。请删除
部分中提到的旧版本

我想我找到了问题所在。请看我的答案。我使用的是jquery 1.11.0,1.7-1被注释掉了。如果我单独使用1.11.0或1.9.0,YouTube视频将在网页顶部打开,因为colorbox.js指的是不推荐使用的$.browser。如果将1.11.0与migrate-1.2.1一起使用,则会打开颜色框,但不会将视频下载到该框中。没有证据表明通过该链接获得了YouTube视频。看起来在1.7.1之后有些变化,其中带有视频的配色箱不起作用。只要colorbox只引用图像,它就可以在1.11.0中工作。