Question

我对js很新，我很难在div中加载一个html页面。我使用基础框架，我有一个开始页面（即人们在访问我的网页时看到的第一页）。该页面上有一个按钮，当单击该按钮时，它应该加载一个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>

.ps文件中的

代码;

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

Answer 1

嗯，我明白了。随意检查来源。您的文件是否位于同一个域中？可能是CORS问题。

我的所有脚本（在加载的html页面上都是本地的）。

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

http://sinsysonline.com/testing.html

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

请提供live code，以便我们可以帮助进一步调试，如果上述情况不正确。

将html（带脚本）文件添加到div中

1 个答案:

http://sinsysonline.com/testing.html