ページが更新中にJquery 'click'が機能しない

Question

マイページがライブストリームを読み込んで画面に表示します。これは、PHPがボックスへのSSH接続を使用して特定のコマンドを実行することによって行われます。この結果は画面に表示され、画面は下にスクロールされ、常に最新の出力が表示されます。これは正常に動作します。

これで、このプロセスを停止するボタンが作成されました。ボタンはページ上の固定位置にあります。クリックすると、ajaxを使用して、実行中のプロセスを強制終了する外部ページを呼び出します。

コードは次のとおりです。

<input type='button' style='position: fixed; height: 15px; top: 20px; left: 20px; width: 115px;' id='stop' name='stop' value='stop' /> 

$('body').on('click','#stop' , function(){ 
    console.log ('clicked'); 
    $.ajax({ url : 'stop.php?id=123', 
}); 

更新されていないページが正常に動作したときにボタンをクリックします。私は私のコンソールで 'クリック'と '殺す'の結果を参照してください。

ただし、ページの更新中にボタンをクリックしても何も行われません。私のコンソールには何も表示されません。

ob_flush(); flush(); 
echo (htmlentities($out); 
ob_flush(); flush(); 
echo "<script>$('html, body').animate({scrollTop:$(document).height()}, 400);</script>"; 

をとにかく私は、ページが更新されている間にボタンが仕事を得ることができます：

ストリームの結果は、使用して示されていますか？代わりに使用したの おかげ

Answer 1

：

$('body').on('click','#stop', function() { }); 

はこれを試してみてください：

$(document).on('click','#stop', function() { });