Jquery突出显示对新行的影响

时间:2012-01-08 04:45:52

标签: php javascript

我有一个AJAX网格,每60秒刷新一次,显示新行。这是一个非常基本的XMLHttpRequest()网格,它从php文件中提取数据。我已经检查了所有的互联网,但仍然没有找到解决方案,如何在每次刷新后对新添加的行实现此jQuery高亮效果: http://docs.jquery.com/UI/Effects/Highlight

什么是最好的策略?

2 个答案:

答案 0 :(得分:1)

使用额外的类从服务器输出新行,例如tohighlight。在你的ajax成功处理程序(在JS中)中,执行以下操作:

...
success: function(data) {

  // ... your code to refresh the grid with new rows etc..

  // highlight new rows
  $('.tohighlight').highlight();

  // remove the tohighlight class, so these rows wont be highlighted after your next refresh
  $('.tohighlight').removeClass('tohighlight');

}
...

答案 1 :(得分:0)

当您在php文件中包含数据时,创建一个将效果应用于数据的函数(仍然在您的php文件中),因此当您从主页面中提取它时,它已经具有效果。