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