Javascript JQuery:REPLICAL document.ready after";“显示更多”;附加HTML

Javascript JQuery:REPLICAL document.ready after";“显示更多”;附加HTML,javascript,jquery,Javascript,Jquery,我有一个显示搜索结果列表的页面。使用脚本trunk8将标题截断为一行。这在标题中被激活,如下所示: $(document).ready(function($){ $('.resulttitle').trunk8({ lines: 1 }); }); 这确保任何长标题只有一行,并以结尾。 页面底部有一个“ShowMore”按钮,它通过在后台加载另一个页面来获取更多结果,该页面返回附加结果的HTML结果,这些结果随后附加到div中 我的问题是,附加到先前结果的新结果不会

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

$(document).ready(function($){
    $('.resulttitle').trunk8({
      lines: 1
    });
});
这确保任何长标题只有一行,并以
结尾。

页面底部有一个“ShowMore”按钮,它通过在后台加载另一个页面来获取更多结果,该页面返回附加结果的HTML结果,这些结果随后附加到div中

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


如何使trunk8函数应用于这些附加的结果?

我想您正在执行一个AJAX调用以获得附加的结果。 然后,您可以在成功获取项目并将其添加到div后运行“trunk8”脚本

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

你需要告诉我们更多关于“显示更多”按钮的工作原理。它是如何把额外的页面拉进去的?