JQuery：在“显示更多”附加HTML之后重新应用document.ready

Question

我有一个显示搜索结果列表的页面。使用脚本trunk8将标题截断为1行。这在标题中激活，如下所示：

$(document).ready(function($){
    $('.resulttitle').trunk8({
      lines: 1
    });
});

确保任何长标题只有一行，以...

结尾

页面底部是一个“显示更多”按钮，通过在后台加载另一个页面来获取更多结果，该页面返回附加结果的HTML结果，然后附加到div。

我的问题是，附加到先前结果的新结果不会被截断，因为它们不会出现在文档加载中。

如何将trunk8功能应用于这些附加结果？

Answer 1

我想你正在进行一次AJAX调用以获得额外的结果。 然后，在成功获取项目并将其添加到div后，您可以运行“trunk8”脚本。

$.get( your ajax call parameters ).done(function(data){
    //you add the items to the div here
    $('.resulttitle').trunk8({
    lines: 1
    });
});