Question

我正在尝试滚动以在div中添加.html文件。但我这里有一个问题。当我向下滚动我的jquery代码时，附加了很多时间的page.html文件，当我向上滚动它附加page.html很多次。我的代码中有什么问题可以帮助我吗？

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

<body>
<div class="abc"></div>
</body>
</html>

JS

$(window).scroll(function() {
   if ($(window).scrollTop() >= 300) {

      $.get("page.html", function(data) {
         $(".abc").append(data);
      });
   }
});

Answer 1

您可以在简单变量

的帮助下仅将html文件附加一次

var added = false;

$(window).scroll(function() {
    if ($(window).scrollTop() >= 300 && added == false) {
        added = true;
        $.get("page.html", function(data) {
            $(".abc").append(data);
        });

    }
});

Jquery在div重复中附加html文件

1 个答案: