Backstretch jQuery插件不起作用

时间:2015-09-07 14:17:43

标签: javascript jquery plugins jquery-plugins jquery-backstretch

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

我真的不知道自己做错了什么,就像我在演示中描述的那样......

我非常感谢你的帮助:)。

2 个答案:

答案 0 :(得分:0)

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

&#xA;&#xA;
 &lt; 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“&gt;&lt; / script&gt;&#xA;  
&#xA;&#xA;

然后,你忘了 [ ] 。试试这个:

&#xA;&#xA;
  $ .backstretch(['IMG_3628.jpg']);&#xA;  
&#xA; &#xA;

请找到这个 JSFIDDLE

&#XA;

答案 1 :(得分:0)

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