Jquery对新行的突出显示效果

Jquery highlight effect on new rows

本文关键字：显示 新行 Jquery      更新时间：2023-09-26

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

什么是最好的策略？

用一个额外的类（比如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');
}
...

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

相关文章：