2017-02-18 2 views
2

У меня есть сценарий, который загружает php-файл, когда я нажимаю кнопку.Могу ли я вызвать функцию Load() с помощью метода scroll()?

$(document).ready(function(){ 
     $('#loaded').on('click', function(){ 
     $("#phpContent").load('beach.php'); 
}); 

это отлично работает и нагрузка() функция дает мне файл, проблемы в том, что при изменении функции OnClick на функцию прокрутки, линия

$ («# phpContent») .load ('beach.php');

больше не позвонить или не работает

$(document).ready(function(){ 
    $('body').scroll(function(){ 
    $("#phpContent").load('beach.php'); 
}); 

поэтому нагрузки() функция не может быть звонить с этим методом? или я делаю что-то неправильно в коде?

ответ

-1

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

0

Следующий код работает даже для этого SO страницы:

$(document).ready(function(){ 
    $(window).scroll(function() { 
     $("#phpContent").load('beach.php'); 
    }); 
}); 
0

событие прокрутки для глобального контейнера обстрелял window, а не на сам элемент тела, так что вы должны слушать его по праву объект.

Далее, как видно из следующего фрагмента, этот вызов будет срабатывать много раз.

const url = 'https://baconipsum.com/api/?type=all-meat&format=html'; 
 
$(window).scroll(event => $("#target").load(url));
body { height: 200vh; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="target"></div>

Предполагая, что вы только хотите, чтобы это огонь в первый раз, когда страница прокручивается, вы можете использовать jQuery.one, который будет активироваться только один раз.

const url = 'https://baconipsum.com/api/?type=all-meat&format=html'; 
 
$(window).one('scroll', event => $("#target").load(url));
body { height: 200vh; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="target"></div>

+0

О, я вижу, с предыдущими ответами я мог бы вызвать вызов события настройки заданного положения, то, что вы говорите, Indee проблема, потому что событие вызовет много раз. Таким образом, JQuery.one может быть очень полезен, я дам ему попробовать –