带有 Primefaces 的 JQuery 工具提示：未捕获的 TypeError：$(...).tooltip 不是函数 [重复]答案

【问题标题】：JQuery Tooltip with Primefaces: Uncaught TypeError: $(...).tooltip is not a function [duplicate]带有 Primefaces 的 JQuery 工具提示：未捕获的 TypeError：$(...).tooltip 不是函数 [重复]
【发布时间】：2017-02-23 13:31:56
【问题描述】：

我正在尝试在使用 Primefaces 的 JSF 应用程序中使用 jQuery Tooltip（因此，jQuery 由 Primefaces 自动加载），但出现以下错误：

未捕获的类型错误：$(...).tooltip 不是函数

我是这样使用tooltip功能的：

<script type="text/javascript">

        // DOM Ready
        $(function() {

        //jQuery Tooltip
         $( document ).tooltip();
    });

    </script>

更新

如果我“手动”包含 jquery-ui 它可以工作：

<h:outputScript name="scripts/jquery/jquery-ui.min.js"/>

PF 6.0（带有 jQuery v1.11.3） WildFly 10

【问题讨论】：

您是否导入了正确的文件？是否有可能拥有您的 HTML
检查您包含工具提示 JS 代码的方式。它无法识别该功能。可能是其中包含工具提示功能的 URL tot eh JS 文件不正确。我们只能猜测，因为我们在您的帖子中没有足够的信息。
我使用 primefaces，所以应该已经包含 jQuery 和 jQuery ui（它们是，我可以在我的 *.xhtml 文件中使用 jQuery 函数），但由于某些原因，函数“工具提示”找不到
这个问题可能对你有帮助stackoverflow.com/questions/7857324/…
Thx，我已经尝试过了，但没有成功（我的 xhtml 页面中有一些 PF 标签，所以真的应该加载 jQuery）

标签： jquery jsf primefaces jquery-ui-tooltip

【解决方案1】：

tooltip 是 jquery ui 的一部分，但不是 jquery 的一部分（请查看 here 以了解差异）。 PrimeFaces 使用 jQuery，但只是 jquery ui 的一部分。工具提示不是其中的一部分。因此，您不能仅将工具提示与 PrimeFaces 一起使用。您必须像在问题中那样自己加载它。但要注意选择与 PrimeFaces 的 jquery 版本兼容的 jquery ui 版本。

【讨论】：