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,它在抱怨哪一行?这个代码应该可以工作。