Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在DIV中加载html文件_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何在DIV中加载html文件

Javascript 如何在DIV中加载html文件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,DIV标记未呈现HTML文件。 下面提到的编码问题是什么?帮助 CSS: #-ImageSlider { width:50%; height:75%; margin-left:3%; margin-top:5%; display:inline-block; left: 100 px; border:thick solid black; } <script type="text/JavaScript" language="

DIV标记未呈现HTML文件。 下面提到的编码问题是什么?帮助

CSS

#-ImageSlider
{   
    width:50%;
    height:75%;
    margin-left:3%;
    margin-top:5%;
    display:inline-block;
    left: 100 px;
    border:thick solid black;

}
  <script type="text/JavaScript" language="JavaScript">
       $(document).ready(function(e) {
        $("#-ImageSlider").load("\Cover Slider\index.html");
    });
      </script>
JS

#-ImageSlider
{   
    width:50%;
    height:75%;
    margin-left:3%;
    margin-top:5%;
    display:inline-block;
    left: 100 px;
    border:thick solid black;

}
  <script type="text/JavaScript" language="JavaScript">
       $(document).ready(function(e) {
        $("#-ImageSlider").load("\Cover Slider\index.html");
    });
      </script>

$(文档).ready(函数(e){
$(“#-ImageSlider”).load(“\Cover Slider\index.html”);
});
p.S-CoverSlider是另一个文件夹,其中包含另一个包含html文件index.html的项目。它驻留在工作目录中

像这样尝试

$(document).ready(function(){
    $.get('Folder/test.html')
     .success(function(data) {
         $("#-ImageSlider").html(data);
     });
});

检查其中是否有空格和
\
这些斜杠,尝试替换为:

$(document).ready(function(e) {
    $("#-ImageSlider").load("/CoverSlider/index.html");
});       //-----------------^-----^-----^--------------see this
正如你的评论:

同一文件夹
d:/project/CoverSlider
,我的所有文件都在d:/project中/

d:/project/CoverSlider
这不是执行ajax请求的方法。您必须在系统上设置本地服务器环境。因此,如果您这样做,那么您只能访问您的页面,因为
.load()
是ajax的另一个ajax功能,ajax请求只能在服务器上完成,而不能在文件系统中完成。

像这样

<script type="text/JavaScript" language="JavaScript">
       $(document).ready(function(e) {
        $('#ImageSlider').load("/Cover Slider/index.html");
    });
      </script>

$(文档).ready(函数(e){
$('#ImageSlider').load(“/Cover Slider/index.html”);
});

请在此
中删除(-)
“#-ImageSlider”

“#图像滑块”


id
(-
不是必需的。
封面滑块中是否有空格?请做一个提琴:jsfiddle.net是否包含jQuery..?是否有空格我包含了这个jqueryada,没有更改。我是否需要使用服务器运行我的html和此jquery,或者不使用它也可以运行。您的文件夹是否与文件所在的级别相同。请尝试删除第一个文件夹。相同的文件夹d:/project/CoverSlider,我的所有文件都在d:/project/中,因此您没有在
localhost
上工作,或者我会说
本地服务器环境
,如果是这种情况,那么您的
.load()
jQuery方法将无法工作,因为这是一个
ajax
功能,ajax请求只能在服务器上完成,而不能在文件系统中完成。