JQuery每个setInterval重复问题

Question

我正在使用jQuery的设置间隔函数来循环日历上的时间列表，以便可以刷新各个div。首先，我将这段代码放在通过Ajax调用的页面上，但函数永远不会收到新的日期变量集合。它只会识别页面第一次加载时看到的变量。

然后我将代码添加到主页上的单击事件中，但每次我选择一个新日期时，函数都会再次运行，使用第一个日期，然后是第二个日期。

$date = $_GET['date']; 

    jQuery(function() { 

    var data = {'9:30','10:30'}; 

    var date1 = $date; 

$.each(data, function(key, date1) { 

    $("#"+key).load(\'cal.php?a=appointment&time=\'+key+\'&date=\'+date1+\'&x=\' + (new Date()).getTime()); 

    var refreshId = setInterval(function() { 
    $("#"+key).load(\'cal.php?a=appointment&time=\'+key+\'&date=\'+date1+\'&x=\' + (new Date()).getTime()); 
    }, 9000); 

}); 

Answer 1

看起来你是'过度逃脱'的一些字符串。试试这段代码：

$date = $_GET['date']; 

function Callback(key, data) 
{ 
    $("#"+key).load("cal.php?a=appointment&time=" + key + "&date=" + date1 + "&x=" + new Date().getTime()); 
} 

jQuery(function() { 

var data = {'9:30','10:30'}; 
var date1 = $date; 

$.each(data, function(key, date1) { 

    Callback(key, data1); 

    var refreshId = setInterval(function() { 
     Callback(key, data1); 
    }, 9000); 

});