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

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

Answer 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