Javascript 省略号修剪段落的setInterval函数
我有一个关于删减段落和在每个删减段落末尾添加省略号的问题。同位素的含量。我们也在使用无限卷轴。问题是省略号函数在页面加载时可以很好地处理DOM中已经存在的内容,但是当从无限滚动加载新内容时,省略号函数将无法处理新段落 我的解决方案是在函数上使用Javascript 省略号修剪段落的setInterval函数,javascript,jquery-isotope,Javascript,Jquery Isotope,我有一个关于删减段落和在每个删减段落末尾添加省略号的问题。同位素的含量。我们也在使用无限卷轴。问题是省略号函数在页面加载时可以很好地处理DOM中已经存在的内容,但是当从无限滚动加载新内容时,省略号函数将无法处理新段落 我的解决方案是在函数上使用setInterval,使其每秒运行一次,这样做的诀窍是:每次运行时,它都会不断向其添加更多的点。我想做的是能够在每次间隔运行时清空…。至少我认为这是一个答案。我只是不知道如何实现它。我的代码如下,如有任何建议,将不胜感激: var myVar = set
setInterval
,使其每秒运行一次,这样做的诀窍是:每次运行时,它都会不断向其添加更多的点。我想做的是能够在每次间隔运行时清空…
。至少我认为这是一个答案。我只是不知道如何实现它。我的代码如下,如有任何建议,将不胜感激:
var myVar = setInterval(function () {
trim();
}, 500);
function trim() {
var MORE = "...";
$(".gallery .spotProfile p.trim-ellipsis").each(function () {
var $ths = $(this),
txt = $ths.text();
// Clear the text
$ths.text("");
// First 100 chars
$ths.append( $("<span>").text( txt.substr(0, 80) ) );
// The rest
$ths.append( $("<span>").text( txt.substr(80, txt.length) ).hide() );
// More link
$ths.append(
$("<a class=trimmed>").text(MORE).click(function () {
var $ths = $(this);
$ths.prev().hide();
// more.empty();
$ths.text(MORE);
}));
});
}
var myVar=setInterval(函数(){
修剪();
}, 500);
函数trim(){
var MORE=“…”;
$(“.gallery.spotProfile p.trim-ellipis”)。每个(函数(){
var$ths=$(此),
txt=$ths.text();
//清除文本
$ths.文本(“”);
//前100个字符
$ths.append($(“”).text(txt.substr(0,80));
//其余的
$ths.append($(“”)text(txt.substr(80,txt.length)).hide());
//更多链接
$ths.append(
$(“”)。文本(更多)。单击(函数(){
var$ths=$(本);
$ths.prev().hide();
//more.empty();
$ths.文本(更多);
}));
});
}
这很简单
$(".gallery .spotProfile p.trim-ellipsis").each(function(){
var $ths = $(this),
txt = $ths.text();
if( $ths.find('.trimmed')[0] ) return;
只需检查元素是否有修剪过的元素并返回(继续下一个循环)想想解决这个问题所涉及的步骤,第一件事是找出段落是否有三个点,这很简单,只需检查文本内容是否以三个点结尾,或者是否有省略号类,这是非常基本的内容。如果有两种情况之一,则跳过该段。。。