Backstretch jQuery 插件不工作

Question

我想使用 Backstretch jQuery 插件在起始页上创建全屏背景图片。因此我使用了以下代码：

<div class="startslide">
<script>
$.backstretch('IMG_3628.jpg');
</script>
</div>




<footer class="footer">>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.3/jquery.backstretch.min.js"></script>

</footer>

我真的不知道我做错了什么，因为我是按照演示中描述的方式做的....

非常感谢你的帮助:)

Answer 1

你必须先调用 jQuery 插件才能调用 Backtrech 的插件。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.3/jquery.backstretch.min.js"></script>

那么，你已经忘记了[]。试试看：

$.backstretch(['IMG_3628.jpg']);

请找到这个JSFIDDLE

Answer 2

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.3/jquery.backstretch.min.js"></script>




<div class="startslide">
    <script>
        $.backstretch(['IMG_3628.jpg']);
    </script>
</div>

Backstretch jQuery 插件不工作

Backstretch jQuery plugin doesn't work

javascript

jquery

plugins

jquery-plugins

jquery-backstretch