我有这个jquery ajax响应,它会在滚动时自动加载内容,但是它避免了将子页面的JavaScript内容附加到div。我如何解决这个问题。 应该在懒惰模式下加载图像,但无法使用javascript在懒惰模式下获取图像
代码:
<div id="load_div_data"></div>
<div id="loading_data_message"></div>
<script>
$(document).ready(function(){
var limit = 3;
var start = 6;
var action = 'inactive';
function load_country_data(limit, start){
$.ajax({
url:"index.html",
method:"POST",
data:{limit:limit, start:start},
cache:false,
success:function(data){
$('#load_div_data').append(data);
if(data == '') {
$('#loading_data_message').html("");
action = 'active';
} else {
$('#loading_data_message').html("");
action = "inactive";
}
}
});
}
if(action == 'inactive') {
action = 'active';
load_country_data(limit, start);
}
$(window).scroll(function(){
if($(window).scrollTop() + $(window).height() > $("#load_div_data").height()
&& action == 'inactive') {
action = 'active';
start = start + limit;
setTimeout(function(){
load_country_data(limit, start);
}, 1000);
}
});
});
</script>