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