Javascript 将html（带有脚本）文件添加到div中 我对JS很陌生，我很难在一个div中加载一个HTML页面。我使用基础框架，我有一个开始页面（即人们访问我的Web时看到的第一页）。该页面上有一个按钮，当单击该按钮时，它将加载一个html文档。到现在为止，一直都还不错。问题是html文件会加载，但它使用的js脚本不会加载。我已经试过很多次了，但就是想不出来

我已尝试先在index.html文件中加载脚本， -在index.html文件和ok.html（订阅表单）文件中加载脚本 -仅在ok.html文件中加载脚本

我的想法： 我认为问题在于我在.js文件中使用的是

document.ready

，但我不确定

我感谢你的帮助/反馈

index.html

文件的我的代码：

<div class="row">
  <div class="large-12 columns" id="alt">
    <div class="panel" id="plas" >
      <div class="row">
            <div class="large-9 columns" id="info">
             random text
            </div>
     <div id="inschrijven">

     </div>
          <div class="large-3 columns right">
            <a  href="#"><img src="img/button.png" id="imgz" />
            </a>
         </div>
    </div>
  </div>     
</div>

---

嗯，我让它工作了。请随意查看源代码。您的文件是否位于同一个域上？可能是一个

CORS

问题

我的所有脚本（在加载的

html

页面上）都是本地脚本

---

请提供

实时代码

，以便如果上述情况不属实，我们可以帮助进一步调试。

我认为这与您的

\alt

的位置有关。Lemme fiddle。你在javascript控制台上没有发现任何javascript错误吗？仅供参考，将鼠标悬停在图标上。这些是我使用jQuery编写的脚本，所以我知道它正在加载脚本。嘿，谢谢你的反馈，它很有效。解决方案是将脚本加载到ok.html文件中。我不知道为什么它现在起作用，因为我已经试过了。但它现在起作用了！很高兴听到这个消息。如果您认为答案有助于解决问题，请随意将其标记为已接受：-）我确信这只是一个

CORS

问题。是的，我读过一些关于CORS问题的文章，这似乎就是问题所在。但现在问题解决了！谢谢你的帮助！

$(document).ready(function(){
  $("#imgz, #zimgz").click(function(){
    $("#plas, #imgz").hide();
    $("#alt").load("ok.html");
  });
});

<script type='text/javascript' src='scripts/jquery-1.8.0.js'>

$(document).ready( function() {
    $("#load_home").on("click", function() {
        $("#content").load("index.html");
    });
});