我有一个看起来像这样的主要html文件:
<head>
css here
</head>
<body>
<div class="nav">
....
</div>
<div id="mainpage-load">
<div id="loading">
<img src="./img/loading-white.gif">
</div>
</div>
<script> jquery </script>
<script> slider.js </script>
<script> ... </script>
<script> APP.JS </script>
我想将内容动态加载到div“主页加载”中。但是当我将带有jquery / ajax .load的内容加载到div中时，例如滑块的javascript文件不会影响新内容。
app.js加载内容:
$(function(){
var $loading = $('#loading').hide();
$(document)
.ajaxStart(function () {
$loading.show();
})
.ajaxStop(function () {
$loading.hide();
});
$('#load-it').on('click', function(e){
e.preventDefault();
$( "#mainpage-load" ).load( "pages/main.html" );
})
});
第二个html文件(pages / main.html):
<div class="new content">
new content here
</div>
我尝试将app.js和jquery放到中，但仍然无法正常工作，或者将slides.js放到pages / main.html中
提前致谢 !
最佳答案
您只需尝试一下。
jQuery的:
$("#y").load("home.html");
javascript:
function load_home() {
document.getElementById("content").innerHTML='<object type="text/html" data="home.html" ></object>';
}