無法讓jquery插件使用簡單的html測試

對於javascript/jquery和html來說這是相當新穎的東西。無法讓jquery插件使用簡單的html測試

我試圖演示維加斯JQuery插件發現here，但我無法得到背景顯示。

我的測試頁面根目錄有文件夾：css，images，js，vegas。

根據我的理解，爲了讓jQuery工作，我從jQuery主頁下載了.js文件，然後將該.js文件放入我爲測試頁製作的js文件夾中。

任何幫助表示讚賞。提前致謝。

<!DOCTYPE HTML> 
    <html> 
     <head> 
      <title>backgroundTest</title> 

      <script type="text/javascript" src="/js/jquery-2.1.1.min.js"></script> 
      <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> 
      <link rel="stylesheet" type="text/css" href="/vegas/jquery.vegas.css"/> 

      <script>  

      $(function() { 
       $.vegas({ 
       src:'/images/abstract.jpg' 
       }); 
       $.vegas('overlay', { 
       src:'/vegas/overlays/13.png' 
       }); 
      }); 
      </script> 

     </head> 

     <body> 

      <p> 
      Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer 
      ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit 
      amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut 
      odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. 
      </p> 

     </body> 

    </html>

來源

2014-07-02 Randy

安裝FireBug並檢查控制檯是否有任何錯誤。另外，在JSFiddle中嘗試你的代碼。 – andypopa

啊，只是檢查了這兩個。感謝您的小費！ – Randy

我寫了拉斯加滑塊的代碼，請注意我使用CDN加載JS和CSS。

<!DOCTYPE html> 

<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>Test</title> 

     <link rel="stylesheet" type="text/css" href="http://jaysalvat.github.io/vegas/releases/latest/jquery.vegas.min.css"> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
     <script type="text/javascript" src="http://jaysalvat.github.io/vegas/releases/latest/jquery.vegas.min.js"></script> 
     <script> 
      $(function() { 

       $.vegas('slideshow', { 
        backgrounds: [ 
         { src: 'images/1.png', fade: 1000 }, 
         { src: 'images/2.png', fade: 1000 } 
        ] 
       })('overlay');}); 
     </script> 
    </head> 
    <body> 

    </body> 
</html>

來源

2014-07-02 05:41:52

無法讓jquery插件使用簡單的html測試

回答

相關問題