Question

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

CSS ：

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

}

JS ：

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

P.S - CoverSlider是另一个文件夹，其中包含另一个带有html文件index.html的项目。它位于工作目录

中

Answer 1

试试这个

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

Answer 2

检查是否有空格并\这些斜杠，请尝试替换为：

$(document).ready(function(e) {
    $("#-ImageSlider").load("/CoverSlider/index.html");
});       //-----------------^-----^-----^--------------see this

作为你的意见：

相同的文件夹d:/project/CoverSlider，我的所有文件都在D：/ project /

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

Answer 3

喜欢这个

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

<强> demo1

请remove (-)

中的"#-ImageSlider"

请write "#ImageSlider"

id (-)中的

是not required.

如何在DIV中加载html文件

3 个答案: