Javascript 当我更改文件夹时，jquery脚本不起作用_Javascript_Jquery_Html_Css

Javascript 当我更改文件夹时，jquery脚本不起作用

javascript jquery html css

Javascript 当我更改文件夹时，jquery脚本不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在根目录中有header.html和footer.html。我的主页在“MainPages”文件夹中。我使用脚本调用header.html和footer.html。但是当我双击页面时，我看不到Header.html和footer.html。这是我的文件夹和主页（“bio.html”）（bio.html在主页“文件夹”中）。 $（函数（）{ $（“#Header”）.load（“../Header.html”）； }); $（函数（）{ $（“#Footer”）.load（“../Foo

我在根目录中有header.html和footer.html。我的主页在“MainPages”文件夹中。我使用脚本调用header.html和footer.html。但是当我双击页面时，我看不到Header.html和footer.html。这是我的文件夹和主页（“bio.html”）（bio.html在主页“文件夹”中）。


$（函数（）{
$（“#Header”）.load（“../Header.html”）；
});
$（函数（）{
$（“#Footer”）.load（“../Footer.html”）；
});












这是我的测试主页

更改../to/

e、 g

您需要运行本地Web服务器，因为在jquery中加载

文件：//

设置Web服务器，然后再次尝试加载它们

使用npm:

尝试转换。/../header.htmlas检查控制台是否有任何错误我看不出您的代码有任何问题。您是否使用任何本地服务器。是的，我在本地运行它。您是否在资源管理器中隐藏了扩展名？帮个忙并启用扩展名的显示。Windows可以根据需要将.htm和.html文件组合在一起，然后你将无法区分它们。也将相同的$（“#Header”）.load（../Header.html）更改为$（“#Header”）.load（“/Header.html”）；不，它不起作用，并且以错误的方式更改视图。

<head>
    <title></title>
    <link href="../Content/bootstrap.min.css" rel="stylesheet" />
    <link href="../Content/normalize.min.css" rel="stylesheet" />
    <link href="../Content/font-awesome.min.css" rel="stylesheet" />

    <script src="../Scripts/jquery-1.10.1.min.js"></script>
    <script src="../Scripts/bootstrap.min.js"></script>

    <link href="../Content/css/animate.css" rel="stylesheet" />

    <script src="../Scripts/modernizr-2.6.2.min.js"></script>
    <script src="../Scripts/revealOnscroll.js"></script>
    <link href="../Content/ava.css" rel="stylesheet" />
    <script>
        $(function () {
            $("#Header").load("../Header.html");
        });
    </script>
    <script>
        $(function () {
            $("#Footer").load("../Footer.html");
        });
    </script>

</head>

<body style="background-image: url(../images/sample_bg.jpg);">

    <!--header-part-->
    <div id="Header"></div>

    <br /><br /><br /><br /><br /><br /><br /><br />

    <div class=" container-fluid col-md-offset-2 row col-md-8 col-md-offset-2  "
         style=" font-family: Mitra;background-image:url(../images/bio/bio-2.jpg);background-size:500px,500px;
        background-repeat: no-repeat;background-position-x:right;background-position-y:top;
            background-color:#fff ;clear:none;padding: 0px;">
        <div class="container-fluid ">
            <div class="row ">


                <div class=" col-md-offset-1 col-md-9 ">
                    <div class="row">

                        <div class="bio-contex-1">

                            <span>

                                this is my main page for testing
                            </span>

                        </div>


                    </div>
                    <br />
                </div>

            </div>

        </div>
    </div>

    <!--footer-->

    <div id="Footer"></div>

    </body>
</html>

  <link href="/Content/bootstrap.min.css" rel="stylesheet" />