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

当页面未更新时单击按钮可以正常工作。我看到'clicked'和我的控制台中'kill'的结果。

但是，在更新页面时，单击按钮不会执行任何操作。我的控制台中没有显示任何内容。

流结果显示使用：

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

页面正在更新时，Jquery“点击”无效

1 个答案: