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
    });
});