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

请打开您的开发者工具并检查＆＃34;网络＆＃34;标签。似乎jquery.highlight.js没有加载，因为只有在必要的突出显示功能不可用时才会打印此错误。

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

jQuery数据表搜索突出显示无法正常工作

1 个答案: