jQueryデータテーブルの検索ハイライトが動作しない

Question

私はテーブルを表示するためにアプリケーションでjQuery datatableを使用しています。次に、jQueryの組み込み検索テキストボックスで検索される検索テキストを強調表示します。

私たちはreferenceのjQuery自身のサイトを使用しています。以下は

我々のコードです：

<link rel="stylesheet" href="/css/jquery.dataTables.min.css" /> 
<link rel="stylesheet" href="/css/dataTables.searchHighlight.css" /> 
<script type="text/javascript" src="/jquery.min.js"></script> 
<script type="text/javascript" src="/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="/jquery.highlight.js"></script> 
<script type="text/javascript" src="/dataTables.searchHighlight.min.js"></script> 
<script th:inline="javascript"> 
$(document).ready(function() { 
    var table = $('#pspTable').DataTable({ 
     pagingType: 'full_numbers', 
     searchHighlight: true 
    }); 
}); 
</script> 

しかし、いつでも私はそれが次のエラーを投げていたアプリケーションを実行している：

TypeError: jQuery.highlight is not a function

これはjquery.highlightの次のコードセグメントに参照しています.js：

return this.each(function() { 
     jQuery.highlight(this, re, settings.element, settings.className); 
    }); 

ライブラリにいくつかのバグがありますかここに何かが恋しい？それで私を助けてください。

Answer 1

開発ツールを開いて、[ネットワーク]タブを確認してください。 jquery.highlight.jsはロードされていないようです。なぜなら、このエラーは、必要な強調表示機能が利用できない場合にのみ印刷されるからです。

私はまた、あなたが使用できる多くのオプションがあり、それが維持されテストされ、クロスブラウザ部、だとして、それはmark.jsを使用していますので、あなたはdatatables.mark.js代わりのjquery.hightlight.jsを使用することをお勧めします。