Javascript 省略号修剪段落的setInterval函数

Javascript 省略号修剪段落的setInterval函数,javascript,jquery-isotope,Javascript,Jquery Isotope,我有一个关于删减段落和在每个删减段落末尾添加省略号的问题。同位素的含量。我们也在使用无限卷轴。问题是省略号函数在页面加载时可以很好地处理DOM中已经存在的内容,但是当从无限滚动加载新内容时,省略号函数将无法处理新段落 我的解决方案是在函数上使用setInterval,使其每秒运行一次,这样做的诀窍是:每次运行时,它都会不断向其添加更多的点。我想做的是能够在每次间隔运行时清空…。至少我认为这是一个答案。我只是不知道如何实现它。我的代码如下,如有任何建议,将不胜感激: var myVar = set

我有一个关于删减段落和在每个删减段落末尾添加省略号的问题。同位素的含量。我们也在使用无限卷轴。问题是省略号函数在页面加载时可以很好地处理DOM中已经存在的内容,但是当从无限滚动加载新内容时,省略号函数将无法处理新段落

我的解决方案是在函数上使用
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;

只需检查元素是否有修剪过的元素并返回(继续下一个循环)

想想解决这个问题所涉及的步骤,第一件事是找出段落是否有三个点,这很简单,只需检查文本内容是否以三个点结尾,或者是否有省略号类,这是非常基本的内容。如果有两种情况之一,则跳过该段。。。