Jquery ui 突出显示新添加的数据

Jquery ui 突出显示新添加的数据,jquery-ui,jquery,Jquery Ui,Jquery,我有类似的脚本: $.each( data.d, function( index, data ) { $("#results").append( data.col1 + ' - ' + data.col2 + '<br />' ); }); $.each(数据.d,函数(索引,数据){ $(“#结果”).append(data.col1+'-'+data.col2+'); }); 如果这是第一次运行,我会得到10行。当它第二次运行时,会在现有的十行基础上再添加10行。如何

我有类似的脚本:

$.each( data.d, function( index, data ) {
    $("#results").append( data.col1 + ' - ' + data.col2 + '<br />' );
});
$.each(数据.d,函数(索引,数据){
$(“#结果”).append(data.col1+'-'+data.col2+'
); });
如果这是第一次运行,我会得到10行。当它第二次运行时,会在现有的十行基础上再添加10行。如何使新添加的10行在短时间内脱颖而出


可能将文本涂成红色或其他颜色,然后淡出默认颜色而不影响旧的10行?

您可以将
delay()
与类一起使用:

// Something like this
$cols.addClass('red').delay(2000).removeClass('red');

您可以对类使用
delay()

// Something like this
$cols.addClass('red').delay(2000).removeClass('red');

首先,我会缓冲您的输出,这样您只需处理DOM一次:

var output = [];
$.each( data.d, function( index, conflict ) {
    output.push( data.col1 + ' - ' + data.col2 + '<br />' );
});
$("#results").append(output.join(''));

首先,我会缓冲您的输出,这样您只需处理DOM一次:

var output = [];
$.each( data.d, function( index, conflict ) {
    output.push( data.col1 + ' - ' + data.col2 + '<br />' );
});
$("#results").append(output.join(''));
您可以使用jQuery的动画:

$.each( data.d, function( index, data ) {
    var $results = $(data.col1 + ' - ' + data.col2 + '<br />');
    $("#results").append($results);
    $results.fadeIn('fast');
});
$.each(数据.d,函数(索引,数据){
var$results=$(data.col1+'-'+data.col2+'
); $(“#结果”)。追加($results); $results.fadeIn('fast'); });
这将使新结果以不可见的形式开始,并很快淡入淡出

请注意,“fast”是“200ms”或1/5秒的缩写。如果您愿意,您可以输入精确的毫秒或其他一些速记名称。此外,如果您想在动画完成后做些什么,您还可以选择传递一个缓和(淡入的质量)和一个回调。

您可以使用jQuery的动画:

$.each( data.d, function( index, data ) {
    var $results = $(data.col1 + ' - ' + data.col2 + '<br />');
    $("#results").append($results);
    $results.fadeIn('fast');
});
$.each(数据.d,函数(索引,数据){
var$results=$(data.col1+'-'+data.col2+'
); $(“#结果”)。追加($results); $results.fadeIn('fast'); });
这将使新结果以不可见的形式开始,并很快淡入淡出


请注意,“fast”是“200ms”或1/5秒的缩写。如果您愿意,您可以输入精确的毫秒或其他一些速记名称。此外,如果您想在动画完成后做些什么,您还可以选择传递缓和(淡入的质量)和回调。

“在短时间内脱颖而出”?!是的,例如,将文本涂成红色或其他颜色,然后淡出默认颜色,而不影响旧的10行?“在短时间内脱颖而出”?!是的,就像可能将文本涂成红色或其他颜色,然后淡出默认颜色而不影响旧的10行一样?我正在测试这一点,它适用于第一组结果,但不适用于第二、第三和以后的结果。对于第一组10之后的所有结果,它们都保留了黄金背景。您可以发布脚本链接、创建JSFIDLE或发布更多相关代码吗?我不确定此代码在何处/何时运行。听起来好像在某个地方出现了错误,因为超时应该可以工作。可以这样说吗(创建结果的函数首先在
$(文档)运行).ready
,然后每次单击一个按钮。因此,当页面第一次加载时,它会得到10行,然后当单击获取更多结果的按钮时,它会在屏幕上的现有结果中再添加10行)?我正在测试这一点,它适用于第一组结果,但不适用于第二、第三和以后的结果。对于第一组10之后的所有结果,它们都保留了黄金背景。您可以发布脚本链接、创建JSFIDLE或发布更多相关代码吗?我不确定此代码在何处/何时运行。听起来好像在某个地方出现了错误,因为超时应该可以工作。可以这样说吗(创建结果的函数首先在
$(文档)运行).ready
,然后每次单击一个按钮。因此,当页面第一次加载时,它会得到10行,然后当单击获取更多结果的按钮时,它会在屏幕上现有的结果中追加10行。)我得到一个
对象不支持IE8中方法的此属性
错误消息。@oshirowanen,它在抱怨什么?这段代码应该可以工作。我在IE8中得到一个
对象不支持method
的这个属性的错误消息。@oshirowanen,它在抱怨哪一行?这个代码应该可以工作。