如何阻止js运行?

时间:2016-01-14 14:05:15

标签: javascript jquery html ajax

我在YouTube上看过关于Dynamic Content的视频教程,当用户到达页面底部时,它会自动加载新的div(类似于facebook主页)。而不是预期的结果,它只是继续加载。我不知道如何阻止它。这是完整的代码:

    <!DOCTYPE html>
<html>
<head>
<script>
function yHandler(){
    // Watch video for line by line explanation of the code
    // http://www.youtube.com/watch?v=eziREnZPml4
    var wrap = document.getElementById('wrap');
    var contentHeight = wrap.offsetHeight;
    var yOffset = window.pageYOffset; 
    var y = yOffset + window.innerHeight;
    if(y >= contentHeight){
        // Ajax call to get more dynamic data goes here
        wrap.innerHTML += '<div class="newData"></div>';
    }
    var status = document.getElementById('status');
    status.innerHTML = contentHeight+" | "+y;
}
window.onscroll = yHandler;

</script>
<style>
div#status{position:fixed; font-size:24px;}
div#wrap{width:800px; margin:0px auto;}
div.newData{height:1000px; background:#09F; margin:10px 0px;}
</style>
</head>
<body>
<div id="status">0 | 0</div>
<div id="wrap"><img src="temp9.jpg"></div>
</body>
</html>

要在桌面上进行测试,请确保您的图像名称为 temp9.jpg

1 个答案:

答案 0 :(得分:0)

您需要添加一个检查以查看是否正在提取内容,如果在加载数据之前忽略了代码。

val someScenario = scenario("scenario").exec(
    exec(addCookie(Cookie("test","test"))),
    exec(http("httpcall").get("someUrl")))

现在,当Ajax调用完成后,将var isLoading = false; function yHandler(){ if (isLoading) { return; } /* Rest of logic */ } 设置回isLoading

false