Backstretch jQuery插件不起作用

我想使用Backstretch jQuery插件在起始页面上创建全屏幕背景图片。因此，我用下面的代码：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>

我真的不知道我做错了什么，因为我做到了它在演示中所描述的相同的方式....

我倒是很感谢你的帮助:)

来源

2015-09-07 Adrian Varysoo

你使用它只是身体的背景图像？因为，你总是可以使用它的CSS：http://jsfiddle.net/z0bzogxv/ – sinisake

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

来源

2015-09-07 14:25:21 guvenckardas

第一个错误是所有关于JavaScript层次结构。 – guvenckardas

我还编辑了答案 – guvenckardas

酷现在它的作品！非常感谢:)但是，为什么大家都建议在页面的末尾添加脚本src's，以便以前使用它？ –

你必须在调用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

来源

2015-09-07 14:23:48 Zl3n

谢谢，这工作:) –

由于我是新的不能给予积分： -/ –

Backstretch jQuery插件不起作用

回答

相关问题