Question

我正在尝试使用我的图像的绝对路径，同时使用像这样的jquery，但不知何故，一旦看到我的页面，它就不会加载任何图像。以下是testing.jsp文件

中的代码

<script>
$(document).ready(function(){
    // Create overlay and append to body:
    $('<div id="overlay"/>').css({
        position: 'fixed',
        top: 0,
        left: 0,
        width: '100%',
        height: $(window).height() + 'px',
        opacity:0.4, 
        background: 'lightgray url("/testweb/src/main/webapp/resources/img/page-loader.gif") no-repeat center'
    }).hide().appendTo('body');

    // Execute refresh with interval:
    setInterval(refresh, 30 * 1000);
});
</script>

目录结构是这样的 -

webapp/
|-- resources/
|   +-- img/
|           page-loader.gif
+- WEB-INF/
  +-- views/
        testing.jsp

我在这里做错了吗？

Answer 1

如果我理解正确，您可以使用包含域名的图片网址：http://www.yourwebsite.com/webapp/resources/img/page-loader.gif 或使用相对路径： ../../资源/ IMG /页-loader.gif

Answer 2

jquery在客户端计算机上运行。

图像位于服务器计算机上。

如果使用在客户端计算机上运行的任何内容指定绝对路径，则它将无法工作，因为客户端无法直接访问服务器。

你必须将图像放在网站的某些资源中。或者任何文件夹，并使用相对路径。

如何使用jquery在css中使用图像的绝对路径？

2 个答案: