Question

我看过几个相似的问题，但他们似乎没有帮助我的答案。所以，我带着帽子来找你。

我的网站在测试网址下完美运行，然后当我将所有文件移动到父网址时，没有代码更改，只需简单的复制并粘贴所有链接自行更新，突然间我得不到javascript插件工作。

其他一切都很好，只有javascript给我带来了麻烦。当我通过firebug查看该网站时，它似乎没有显示任何问题。我绝对会把头发拉出来。

这是我现在的设置：

    <!-- /// CSS Stylesheets ////////  -->
    <link type="text/css" href="../style.css" rel="stylesheet" media="all" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />

    <!-- /// jQuery ////////  -->
    <script type="text/javascript" src="../_layout/js/jquery-1.8.0.min.js" ></script>

    <!-- /// SelectNav ////////  -->
    <script type="text/javascript" src="../_layout/js/selectnav/selectnav.min.js"></script>

    <!-- /// Imagebox ////////  -->
    <link rel="stylesheet" type="text/css" href="../_layout/js/imagebox/imagebox.css" />
    <script type="text/javascript" src="../_layout/js/imagebox/jquery.imagebox.min.js"></script>

    <!-- /// FlexSlider ////////  -->
    <link rel="stylesheet" type="text/css" href="../_layout/js/flexslider/flexslider.css" />
    <script type="text/javascript" src="../_layout/js/flexslider/jquery.flexslider.min.js"></script>


    <!-- /// Carousel ////////  -->
    <link rel="stylesheet" type="text/css" href="../_layout/js/carousel/carousel.css" />
    <script type="text/javascript" src="../_layout/js/carousel/jquery.carousel.min.js"></script>

    <!-- /// Validity ////////  -->
    <link rel="stylesheet" type="text/css" href="../_layout/js/validity/css.validity.css" />
    <script type="text/javascript" src="../_layout/js/validity/jquery.validity.js"></script>

    <!-- /// Custom JS ////////  -->
    <script type="text/javascript" src="../_layout/js/scripts.js"></script>
    <script type="text/javascript" src="../_layout/js/plugins.js"></script>

同样，一切都在移动之前有效，所以我认为单个javascript文件本身没有任何问题。如果你没有看到任何错误，那么它可能是DOM？完全披露，我对DOM一无所知，如果有人有很好的资源来学习如何为初学者配置DOM，请告诉我。

我很感激你们任何人都可以解决这个问题。

Answer 1

我怀疑问题是由于您使用的是相对URL，并且您的新网络服务器设置可能已更改。您是否尝试过使用Firebug中的NET选项卡查看是否所有JavaScript文件都已成功加载（确保您没有收到HTTP 404错误）？

Answer 2

确保您指向正确的位置。如果您在/web_root/test/并且刚刚将所有内容移至/web_root/，则您需要更新所有导入脚本的src属性以反映此更改。假设您刚刚将文件移到一个目录中，您可以简单地删除第一个../。例如，

<script type="text/javascript" src="../_layout/js/jquery-1.8.0.min.js" ></script>

将是

<script type="text/javascript" src="_layout/js/jquery-1.8.0.min.js" ></script>

了解您网站的目录结构会很有帮助，特别是您在测试所有内容时所在的目录，以及您将所有内容移动到的目录。

将html移动到父站点后，Javascript停止工作

2 个答案: