是否可以加载所有功能正常工作的 html 文件？答案

【问题标题】：Is it possible to load an html file with all its functions working properly?是否可以加载所有功能正常工作的 html 文件？
【发布时间】：2021-10-16 18:47:13
【问题描述】：

我正在使用两个不同的 html 文件，索引用作模板，我在其中加载其他 html 文件，例如登录面板、购物车和显示（显示产品的位置）我正在使用 jQuery具体来说，它工作正常，直到我尝试添加一个带有 js 的滑块，当我直接加载显示文件时它也可以完美工作，问题是滑块应用于显示文件但是当我用 jQuery 加载它时它只是加载它没有它的任何功能工作，我试图尽可能清楚，我会分享一段代码，我希望你们知道发生了什么。

jQuery:

function loadDisplay(){
  $(document).ready(function(){
    $("div.body-wrapper").load("display.php")
  });
}

HTML:

  <body onload="loadDisplay()">
    <div class="container">
      <div class="body-wrapper"></div>

JavaScript:

var slideIndex = 0;
function slider(){
    let i;
    let x = document.getElementsByName("bloc-one");

    for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";
    }
    slideIndex++;
    if (slideIndex > x.length) {slideIndex = 1}
    x[slideIndex -1].style.display = "block";
    setTimeout(slider,3000);
  }

总之，方法和函数可以正常工作，直到文件加载到停止工作的索引文件中。

【问题讨论】：

如果您使用的是 PHP 服务器，为什么不利用该系统来呈现完整的页面？ stackoverflow.com/a/47041162/5818406
谢谢。没想到，我试试。

标签： javascript html jquery

【解决方案1】：

您的 html 文件有 <body>，但您正在将该文件加载到已经存在的正文中。这是第一个问题。其次，您的 html 文件似乎在加载时执行 loadDisplay()，但是当它通过 jquery 加载时，没有触发 onload 事件。

所以，您需要删除 <body> 和 </body> 标记，并在文件的最后尝试添加此 javascript：

<script>
loadDisplay()
</script>

【讨论】：

嘿！我刚刚尝试了您推荐的方法，现在效果很好，谢谢！