2013-05-30 90 views
1

我想運行jQuery fancybox工具,我一直運行到同樣的問題。 Firebug調試器突出顯示了jQuery代碼的第一個片段,並說「$(...)。fancybox不是一個函數」。這是我試圖運行這個的基本代碼。關於如何解決這個問題的任何想法?

<!doctype html> 
<html> 
    <head> 
     <title>FancyBox Test</title> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
     <link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css" media="screen"> 
     <script type="text/javascript" src="/fancybox/jquery.fancybox.pack.js"></script> 
     <script> 
      $(document).ready(function() { 
       $('.fancybox').fancybox(); 
      }); 
     </script> 
    </head> 
    <body> 
     <a href="images/1.jpg" class="fancybox" rel="gallery" title="Sample title 1"> 
      <img src="images/1.jpg" width="150" height="100"> 
     </a> 
     <a href="images/2.jpg" class="fancybox" rel="gallery" title="Sample title 1"> 
      <img src="images/2.jpg" width="150" height="100"> 
     </a> 
     <a href="images/3.jpg" class="fancybox" rel="gallery" title="Sample title 1"> 
      <img src="images/3.jpg" width="150" height="100"> 
     </a> 
     <a href="images/4.jpg" class="fancybox" rel="gallery" title="Sample title 1"> 
      <img src="images/4.jpg" width="150" height="100"> 
     </a> 
    </body> 
</html> 
+1

你是否檢查了鏈接到您的腳本,並且你確定他們是加載等 – adeneo

+0

我第二@Josh。確定fancybox /目錄在網站的根目錄下?通常,這被放置在一個/ js目錄中。 –

+0

打開控制檯並查看腳本是否已加載。如果您使用Firefox,請獲取Firebug,這非常棒。 –

回答

-2

嘗試在頁面HTML標題中添加以下代碼。 (之前的fancybox函數被調用)

<script type="text/java script"> 
var $= jquery.noConflict(); 
</script>