Question

所以我有这个代码在div中加载php文件，它每5秒自动重新加载一次。这是代码

$("#load_timeout").load("time_out.php");
var refreshId = setInterval(function() {
    $("#load_timeout").load('time_out.php');
}, 5000);

这是我的文本框<input type="search" class="light-table-filter" data-table="order-table" placeholder="Filter"> 现在我想要做的是当我从文本框中键入任何字符时停止运行此代码，如果我清除文本框，它将继续执行/重新加载php文件。任何帮助将不胜感激。

Answer 1

使用此代码。很简单，如果输入文本框的值为0，则执行load()功能。如果它大于0，则不执行load()函数。

检查DEMO。打开浏览器控制台并检查。

$("#load_timeout").load("time_out.php");
var refreshId = setInterval(function() {
    if($('.light-table-filter').val().length == 0){    
        $("#load_timeout").load('time_out.php');
    }
}, 5000);

在keypress上停止jquery代码

1 个答案: