1

我编写了一个 JavaScript 代码，每 10 秒向用户显示一次更新 yii GridView 表，效果很好。

timedRefresh($page_refresh_time);
function timedRefresh(timeoutPeriod) {
     setTimeout(function(){refreshGrid()}, timeoutPeriod);
}

function refreshGrid() {
   $.fn.yiiGridView.update(\"group-grid\");
   timedRefresh($page_refresh_time);

}

但是现在我想更改我的代码，以便仅在显示选项卡并且不刷新时间表的其余部分时才刷新表格。所以我将代码更改为：

timedRefresh($page_refresh_time);
function timedRefresh(timeoutPeriod) {
     setTimeout(function(){refreshGrid()}, timeoutPeriod);
}

function refreshGrid() {
   $('a[href=\"#dash2\"]').on('shown', function(e) {
        $.fn.yiiGridView.update(\"group-grid\");
        timedRefresh($page_refresh_time);
   });
}

dash2标签的ID在哪里。现在的问题是，在更新我的代码后，每 10 秒刷新一次表已经达到顶峰。谁能指导我在上面的 JavaScript 代码中哪里出错了？

此外，我希望一旦关闭选项卡，表格就停止刷新。我怎样才能做到这一点？

4

1 回答 1

0

'shown'不是有效的 jQuery 事件。无论如何，您on()对这种情况的使用是错误的。

将上面的代码更改为：

function refreshGrid() {
   if($("a[href='#dash2']").is(':visible')) {
        $.fn.yiiGridView.update(\"group-grid\");
   }
}
var interval = setInterval(refreshGrid, $page_refresh_time);

如果需要取消刷新，请使用

if(interval) clearInterval(interval);
于 2013-10-11T07:13:00.207 回答