我正在使用两个不同的html文件，作为模板的索引，我加载其他html文件，如登录面板，购物车和，显示(产品显示)我使用jQuery的ready方法，它工作得很好，直到我尝试添加一个滑块，当我加载显示文件时，它也工作得很完美。问题是滑块应用于显示文件，但当我用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);
}
总之，方法和函数工作正常，直到文件被加载到索引文件，这是它停止工作的地方。
您的html文件有<body>，但是您正在将该文件加载到已经存在的主体中。这是第一个问题。第二，它似乎你的html文件执行loadDisplay()时，它被加载，然而，当它通过jquery加载没有onload事件触发。
所以，你需要的是删除<body>和</body>标签，并在文件的最后尝试添加这个javascript:
<script>
loadDisplay()
</script>