如何在 jsp 中使用 jquery-backstretch

Question

在此处 http://www.jquery-backstretch.com/ 找到了此 jquery 插件， 然而，当我调用 $.backstretch() 方法来设置背景图像时，我想在我的 jsp 页面中使用它，但我无法... 下面是我的代码

<script>
    document.ready(function(){
       $.backstretch("/resources/imgs/WP_20170327_11_46_24_Pro.jpg");
    });
</script>

同时适当设置资源如下：

<mvc:resources mapping="/resources/**" location="/WEB-INF/resources/" />

Answer 1

我用 jquery-backstretch v2.0.4 试过了，它有效，但 v2.1.5 无效。

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>

$.backstretch("<c:url value="/resources/imgs/arkaplan.jpg"></c:url>");

或者

$.backstretch("${pageContext.request.contextPath}/resources/imgs/arkaplan.jpg");