Question

我正在尝试将标题部分（经常更改）外部化为自己的HTML文件，并使用jQuery使用.load函数加载它。我保存了要在单独的文件夹中使用的文件并加载元素FIRST，然后脚本（我已经声明了jQuery 1.10顺便说一句）

这是代码：在我希望它去的页面中：

<div id="header"></div>
<script type="text/javascript">
$(document).ready(function(){        
$(‘#header').load(‘externals/header.html'); 
});
</script>

并且文件位于名为“externals”的文件夹中

但是页面没有加载标题。这是页面代码，这是值得的：

  <div class="logo">
    <h1><a href="../index.html"> <img src="../images/logo.png" alt="Whitehouse Dezigns - Custom Built Streetrods"></a></h1>
</div>

    <div class="head-icon">
        <a href="https://www.facebook.com/whitehousedezigns" class="head-icon-01" target="_blank"></a>
        <a href="http://instagram.com/whitehouse_dezigns" class="head-icon-02" target="_blank"></a>
        <a href="https://youtube.com/channel/UC7zCRezIASm4EaZLM_ADn3w" class="head-icon-03" target="_blank" target="_blank"></a>
        <div class="clear"></div> 
    </div>

      <nav>
          <ul class="sf-menu">
            <li class="current"><a href="index.html">Home</a></li>
            <li><a href="../about.html">About Us</a></li>
            <li><a href="../services.html">Services</a></li>
            <li><a href="../gallery.html">Gallery</a></li>
            </li>

          </ul>
          <div class="clear"></div> 
      </nav>

      <div class="clear"></div>
 </div>

Answer 1

看起来您使用了不匹配的引号：

$(‘#header').load(‘externals/header.html');

试

$('#header').load('externals/header.html');

Answer 2

$(‘#header').load(‘externals/header.html');和$('#header').load('externals/header.html');

不是一回事。撇号与单引号。

如果仍然无法正常工作，请检查控制台是否有404错误。根据您传递给加载的值，它不会发现它是一个跨域问题。

使用jQuery将外部html加载到页面文件中

2 个答案: