Javascript 如何在DIV中加载html文件
DIV标记未呈现HTML文件。 下面提到的编码问题是什么?帮助 CSS: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="
#-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请求只能在服务器上完成,而不能在文件系统中完成。