Javascript截斷功能不能使用特殊字符

我有一個寫在jQUery/javascript中的函數，它貫穿我文檔中的所有H3標記，然後截斷爲49個字符，然後在末尾添加「...」。該功能完美適用於英文版本的網站，但法文版本確實有效。我得到了一些錯誤，其中來自頁面第一個h3的字符「é」被渲染爲帶有問號的小黑盒，從那裏該函數仍然截斷h3的其餘部分，但似乎不會添加到「...「最後。所以這裏的兩個問題將是特殊字符呈現爲黑色問號的「...」沒有在添加這是我的代碼：Javascript截斷功能不能使用特殊字符

jQuery(".blog-container h3").each(function(){ 
var headertext = jQuery(this).text(); 
if (headertext.length > 49) { 
jQuery(this).text(headertext.substring(0,49) + "..."); 
} 
});

做了一些研究我雖然這之後是一個逃避問題，所以我嘗試在escape（）中包裝headertext變量，但在法語中仍然存在相同的問題。

THanks

來源

2015-12-10 red house 87