無法獲得拉斯維加斯jQuery插件運行

我期待使用拉斯維加斯jQuery插件添加幻燈片到DOM元素。我寫了一些簡單的代碼來測試它，但它似乎並沒有運行。誰能告訴我我做錯了什麼？我已經嘗試了幾個變體，甚至在同一個問題here上看了一個現有的答案，但似乎也沒有工作。無法獲得拉斯維加斯jQuery插件運行

$(function() { 
 
     $.vegas('body', { 
 
      backgrounds:[ 
 
      { src:'https://upload.wikimedia.org/wikipedia/commons/b/b4/JPEG_example_JPG_RIP_100.jpg'}, 
 
      { src:'https://upload.wikimedia.org/wikipedia/commons/b/b4/JPEG_example_JPG_RIP_100.jpg'} 
 
      ] 
 
     }) 
 
     });

body { 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 

 
html { 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 

 
h1, 
 
h2, 
 
h3, 
 
h4, 
 
h5, 
 
h6 { 
 
    margin: 0 0 35px; 
 
    text-transform: uppercase; 
 
    font-weight: 700; 
 
    letter-spacing: 1px; 
 
}

<head> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.2.0/vegas.min.css" rel="stylesheet"/> 
 
</head> 
 

 
<body> 
 
<h1> Hello world </h1> 
 
    
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.2.0/vegas.min.js"></script> 
 
</body>

來源

2016-04-22 bholagabbar

你應該叫「維加斯」上一個jQuery選擇的項目，所以你的代碼應該是這樣的：

$(function() { 
    console.log($.fn.vegas) 
    $('body').vegas({ 
    slides:[ 
     {src:'https://upload.wikimedia.org/wikipedia/commons/b/b4/JPEG_example_JPG_RIP_100.jpg'}, 
     {src:'https://upload.wikimedia.org/wikipedia/commons/b/b4/JPEG_example_JPG_RIP_100.jpg'} 
    ] 
    }) 
});

就像網站解釋：http://vegas.jaysalvat.com/documentation/setup/

來源

2016-04-22 10:00:22

我正在用手機。這是否在JS小提琴中工作？ – bholagabbar

是的，確實如此：https：//jsfiddle.net/davidballester/ze1t97nq/ –

我錯過了什麼？ '$（document）.ready（function（）{'？ – bholagabbar

無法獲得拉斯維加斯jQuery插件運行

回答

相關問題