scroll（）メソッドでLoad（）関数をトリガできますか？

Question

ボタンをクリックすると、PHPファイルを読み込むスクリプトがあります。

$(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'); 
}); 

動作しない、もはやありませんか？または私はコードで何か間違っていますか？

Answer 1

どちらの例でも閉じ括弧がありません。スクロール・パーツが動く限り、私はあなたがスクロールするにつれてそれが数回発射されることをかなり確信しています。指定したスクロール位置でのみトリガーしたい場合があります。

Answer 2

次のコードは、このSOページに対しても機能します。

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

Answer 3

あなたが右にそれに耳を傾ける必要があるので、グローバルコンテナのスクロールイベントは、ないbody要素自体に、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>