2013-05-13 62 views
0

我按照这里的指示:fancybox 2.0.4 and Vimeo试图让视频作为灯箱打开,但我仍然无法让花式框工作。有任何想法吗?FancyBox与Vimeo不工作

与视频页面在这里:http://kodiakgroup.com/clients.php

HTML:

<div class="lightbox-client" style="margin-right: 20px;"> 
          <a href="http://player.vimeo.com/video/65867546?title=0&amp;byline=0&amp;portrait=0" class="lightbox"><img src="/images/thumb-video-carlton.jpg" /><br /><br />Carlton-Bates</a> 
         </div> 
         <div class="lightbox-client"> 
          <a href="http://player.vimeo.com/video/65867545?title=0&amp;byline=0&amp;portrait=0" class="lightbox"><img src="/images/thumb-video-arris.jpg" /><br /><br />Arris</a> 
         </div> 

的Javascript接近底部:

<!--script for lightbox--> 
         <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
         <script type="text/javascript" src="/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> 
         <script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
         <link rel="stylesheet" type="text/css" href="/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> 
         <script type="text/javascript"> 
          $(document).ready(function() { 
           $(".lightbox").fancybox({ 
            width: 400, 
            height: 225, 
            type: 'iframe', 
            fitToView : false 
           }); 
          }); 
         </script> 

错误:

Uncaught TypeError: Cannot read property 'msie' of undefined jquery.fancybox-1.3.4.pack.js:18 
Uncaught TypeError: Object [object Object] has no method 'fancybox' 
+0

请参见http://计算器。 com/questions/14344289/fancybox-doesnt-work-with-jquery-v1-9-0 -f-browser-is-undefined-无法读取 – 2013-05-13 02:43:09

回答

0

的错误是:Uncaught TypeError: Object [object Object] has no method 'fancybox'

删除1的jQuery的实例(您加载它两次),按以下顺序加载脚本:

//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js 
/js/fancybox/jquery.fancybox-1.3.4.pack.js 
/js/fancybox/jquery.mousewheel-3.0.4.pack.js 

(删除的//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js第二个实例)

+0

除了@tamil,你是对的。它只是切换代码而行不通。我不得不将第一个Jquery调用改为1.8.3版本 – CaitlinHavener 2013-05-13 03:00:40