Jquery append html file в div, повторяющемся

-2

Я пытаюсь сделать прокрутку, чтобы добавить .html файл в div. Но у меня есть одна проблема. Когда я прокручиваю вниз свой код jquery, добавляя много времени page.html-файла, также когда я просматриваю его, добавляя page.html много раз. В чем проблема в моем коде, кто-нибудь может помочь мне здесь?Jquery append html file в div, повторяющемся

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>

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

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

источник

2016-07-11 Azzo

это добавляющим каждый раз, когда происходит событие прокрутки. Вы понимаете, что это происходит довольно часто, пока ... прокрутка ... не так ли? –

@KevinB Каков правильный путь дорогой? – Azzo

Вы можете добавить файл HTML только один раз с помощью простой переменной

var added = false; 

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

    } 
});

источник

2016-07-11 17:43:57 Deep

все такой же. Он повторяется – Azzo

@KevinB: я обновил ответ, я пропустил, чтобы ввести полное условие if (window) .scrollTop()> = 300 && added == false – Deep

@Deep, я протестировал ваш обновленный ответ, он не исправлен моя проблема. Он не прерывается, когда я прокручиваю вниз и прокручиваю вверх. – Azzo

Jquery append html file в div, повторяющемся

ответ

Смежные вопросы