Das Vegas jQuery-Plugin konnte nicht ausgeführt werden

Ich habe mich darauf gefreut, das Vegas jQuery Plugin zum Hinzufügen von Diashows zu DOM-Elementen zu verwenden. Ich habe einen einfachen Code geschrieben, um es zu testen, aber es scheint einfach nicht zu laufen. Kann mir jemand sagen, was ich falsch mache? Ich habe verschiedene Varianten ausprobiert und mir sogar eine existierende Antwort auf die gleiche Frage here angesehen, scheint aber auch nicht zu funktionieren.Das Vegas jQuery-Plugin konnte nicht ausgeführt werden

$(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>

Quelle

2016-04-22 bholagabbar

Sie sollen "Vegas" auf einem jQuery ausgewählte Element nennen, so dass Ihr Code sollte wie folgt aussehen:

$(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'} 
    ] 
    }) 
});

ebenso wie die Website erklärt: http://vegas.jaysalvat.com/documentation/setup/

Quelle

2016-04-22 10:00:22

Ich bin derzeit mobil. Funktioniert das in JS Geige? – bholagabbar

Ja, es tut: https://jsfiddle.net/davidballester/ze1t97nq/ –

Was genau habe ich vermisst? '$ (document) .ready (function() {'? – bholagabbar

Das Vegas jQuery-Plugin konnte nicht ausgeführt werden

Antwort

Verwandte Themen