javascript - 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 is not a function

这是引用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您可以使用许多选项。