jQuery数据表搜索突出显示不起作用

Question

我在我们的应用程序中使用 jQuery 数据表来显示表格。现在我们要突出显示由 jQuery 的内置搜索文本框搜索的搜索文本。

我们正在使用 jQuery 自己的站点作为reference。

下面是我们的代码：

<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 不是函数

这是引用jquery.highlight.js的以下代码段：

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

库中是否有一些错误或者我在这里遗漏了什么？请帮帮我。

Answer 1

请打开您的开发者工具并检查“网络”标签。 jquery.highlight.js 似乎没有加载，因为只有在必要的高亮功能不可用时才会打印此错误。

我还建议您使用datatables.mark.js 而不是jquery.hightlight.js，因为它经过了跨浏览器单元测试和维护，并且因为它使用mark.js，所以您可以使用许多选项。