2014-12-23 77 views
-1

嗨,我一直在打這個小時,它仍然無法工作。Fancybox JQuery不能正常工作

<script type="text/javascript"> 
         $(document).ready(function() { 
          $(".fancybox").fancybox(); 
         }); 
        </script> 

<a class="fancybox-iframe" href="http://www.youtube.com/embed/bo7evVLoRzQ" data-fancybox-type="iframe"><img src="img/videoplacement.jpg" width="400px" height="315px" class="aligncenter"></a> 

這是行不通的。它只是繼續在Youtube和全屏中打開視頻。 感謝, 布賴恩

回答

0

添加the fancybox類jQuery中的<a>

<a class="fancybox fancybox-iframe" href="http://www.youtube.com/embed/bo7evVLoRzQ" data-fancybox-type="iframe"><img src="img/videoplacement.jpg" width="400px" height="315px" class="aligncenter"></a> 

或改變

$(".fancybox-iframe").fancybox(); 
0

你根本不指的正確的fancybox-iframe類:

更改此行:

$(".fancybox").fancybox(); 

到:

$(".fancybox-iframe").fancybox(); 

DEMO

附:

你可能想

?autoplay=true (http://www.youtube.com/embed/bo7evVLoRzQ?autoplay=true) 

添加到您的YouTube網址,那麼您的視頻將直接啓動

+0

我改成了那是什麼,然後這是的fancybox類改變了在JavaScript <腳本類型= 「文本/ JavaScript的」> \t \t \t \t \t \t \t $(文件)。就緒(函數(){ \t \t \t \t \t \t \t \t $(「。fancybox」)。fancybox(); \t \t \t \t \t \t \t}); \t \t \t \t \t \t – Brian

+0

你想告訴我什麼? – baao