Vegas背景jQuery插件 - 空html5

时间:2015-09-08 13:41:00

标签: javascript jquery html css html5

我尝试将vegas plugin 2.1.3添加到空的html5文件中,但它不起作用。

我在<head>中包含了js和css:

<script src="http://zeptojs.com/zepto.min.js"></script>
<script src="vegas/vegas.min.js"></script>
<link rel="stylesheet" href="vegas/vegas.min.css">

我把它放在<body>

$("#example, body").vegas({
    slides: [
        { src: "/img/slide1.jpg" },
        { src: "/img/slide2.jpg" },
        { src: "/img/slide3.jpg" },
        { src: "/img/slide4.jpg" }
    ]
});
什么都没发生。

只有改变了我才能在html网站上看到代码,作为文本。

我错过了什么吗?

1 个答案:

答案 0 :(得分:0)

这个问题看起来很模糊,但你把Javascript包装成了  标签

<script type="text/javascript">
    $("#example, body").vegas({
        slides: [
            { src: "/img/slide1.jpg" },
            { src: "/img/slide2.jpg" },
            { src: "/img/slide3.jpg" },
            { src: "/img/slide4.jpg" }
        ]
    });
</script>

如果您可以在网站上看到代码,这是因为浏览器不知道将其解释为代码。