Backstretch jQuery 插件不起作用答案

【问题标题】：Backstretch jQuery plugin doesn't workBackstretch jQuery 插件不起作用
【发布时间】：2015-09-07 14:17:42
【问题描述】：

我想使用 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>

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

非常感谢您的帮助:)

【问题讨论】：

你只是将它用于身体背景图像吗？因为，您始终可以使用 CSS：jsfiddle.net/z0bzogxv

标签： javascript jquery plugins jquery-plugins jquery-backstretch

【解决方案1】：

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

【讨论】：

第一个错误是关于 javascript 层次结构的。
酷它现在可以工作了！非常感谢 :) 但是为什么大家之前想用的时候都建议在页尾加上script src呢？
由于dom渲染问题，大家建议在页面末尾添加script src。这是在加载 js 之前渲染 html 的最佳实践。我只是想在答案上清楚地使用您的代码。谢谢

【解决方案2】：

在调用 Backtrech 之前，你必须调用 jQuery 插件。

<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

【讨论】：