Question

我期待使用Vegas jQuery插件向DOM元素添加幻灯片。我写了一些简单的代码来测试它，但它似乎并没有运行。谁能告诉我我做错了什么？我已经尝试了几种变体，甚至在同一个问题here上查看了一个现有的答案，但似乎也没有。

＆＃13;

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

＆＃13;

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;
}

＆＃13;

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

＆＃13;

Answer 1

你应该打电话给＆＃34;拉斯维加斯＆＃34;在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/

无法运行Vegas jQuery插件来运行

1 个答案: