背景's/JavaScript在本地显示/工作，而不是在服务器上

Background's/JavaScript show/work locally, not on server

本文关键字：工作 服务器 显示 背景 JavaScript      更新时间：2023-09-26

当我检查本地存储在计算机上的页面时，所有内容都加载良好，但当我将其上传到服务器时，背景/幻灯片转换功能不起作用，它们甚至不会显示。这是我的代码：

<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>blah</title>
<meta name="description" content="Add Site Description Here">
<meta name="keywords" content="Add Keywords Here">
<link rel="stylesheet" href="style.css" media="all">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/smooth-scroll.js"></script>
<script src="js/Easy_Background.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<!-- Fullsscreen Background -->
<script type="text/javascript">
      jQuery(document).ready(function($) {
        var background = new Easy_Background({
          background_color: "none",
          pattern: "img/patterns/pattern-4.png",
          autoplay: "true",
          autoplayTime: 5,
          images:["img/fullscreen/1.jpg", 
                  "img/fullscreen/2.jpg",
                  "img/fullscreen/3.jpg", 
                  "img/fullscreen/4.jpg",
                  "img/fullscreen/5.jpg",
                  "img/fullscreen/6.jpg", 
                  "img/fullscreen/7.jpg"],
          images_sizing: "fill", // fill || adjust || stretch || repeat
          animationIn: { attribute:["y", "alpha"], // x || y || alpha 
                value:  ["1px", 0],
                easing: ["easeOutCubic", "swing"],
                time: [0.7, 1.5],
                delay:  0 },
          animationOut: { attribute:[],
                 value:   [],
                 easing:  [],
                 time:  [],
                 delay: 0 }
        });
        $('body').click(background.next);
      });
    </script>
<script type="text/javascript">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</script>
</head>

使用网络浏览器（我更喜欢Chrome），点击F12（这将在Chrome和其他浏览器中打开一个网络检查器）。查找"控制台"选项卡并将错误减少到零。

事实上，我认为你错过了上传一些文件。

顺便说一下，没有JAVA代码。你是说Javascript。这是完全不同的东西。

更新您链接的javascript资源：

<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/smooth-scroll.js"></script>
<script src="js/Easy_Background.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>

但你哥哥比我更清楚这一点

相关文章：