未捕获的TypeError：$（...）。tooltip不是函数

本文介绍了未捕获的TypeError：$（...）。tooltip不是函数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我有一个基于Spring Web模型 - 视图 - 控制器（MVC）框架的项目。 Spring Web模型 - 视图 - 控制器（MVC）框架的版本是3.2.8部署在WebLogic Server版本上：12.1.2.0.0

I have a project based in Spring Web model-view-controller (MVC) framework. The version of the Spring Web model-view-controller (MVC) framework is 3.2.8 deployed on a WebLogic Server Version: 12.1.2.0.0

我有这个错误加载1 JSP

I have this error loading 1 JSP

未捕获的TypeError：$（...）。tooltip不是函数

Uncaught TypeError: $(...).tooltip is not a function

这是我加载的所有内容，我逐一检查并加载了所有内容

This is everything I load and I checked 1 by 1 and all of them are loaded

<link href="/tdk/styles/bootstrap.css" type="text/css" rel="stylesheet"> <link href="/tdk/styles/admin.css" type="text/css" rel="stylesheet"> <link href="/tdk/styles/jquery.dataTables.css" type="text/css" rel="stylesheet"> <link href="/tdk/styles/dataTables.bootstrap.css" type="text/css" rel="stylesheet"> <link href="/tdk/styles/slides.css" type="text/css" rel="stylesheet"> <script src="/tdk/scripts/jquery.min.js" type="text/javascript"></script> <script src="/tdk/scripts/bootstrap.js" type="text/javascript"></script> <script src="/tdk/scripts/jquery.dataTables.js" type="text/javascript"></script> <script src="/tdk/scripts/dataTables.bootstrap.js" type="text/javascript"></script> <script src="ajax.googleapis/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script> <script src="code.jquery/ui/1.12.1/jquery-ui.js"></script> <script type="text/javascript"> $(document).ready(function() { $('[data-toggle="tooltip"]').tooltip(); var selected = []; var table = $('#example').DataTable({ "dom": '<"top">rt<"bottom"lp><"clear">', "autoWidth": false, "paging": false, "scrollX": false, "scrollY": 300, "scrollCollapse": true, "rowCallback": function(row, data) { if ($.inArray(data.DT_RowId, selected) !== -1) { $(row).addClass('selected'); } }, "columnDefs": [{ "targets": 'nosort', "orderable": false }, ] }); $('#example tbody').on('click', 'input', function() { $(this).closest("tr").toggleClass('selected'); if ($(this).is(':checked')) { var theNameOfSelectedProduct = $(this).closest("tr").find("td.productname").text(); $('#selecteddevices').val($('#selecteddevices').val() + " " + theNameOfSelectedProduct); $('#actions4devices button').removeAttr("disabled"); } else { var theNameOfSelectedProduct = $(this).closest("tr").find("td.productname").text(); $('#selecteddevices').val($('#selecteddevices').val().replace(theNameOfSelectedProduct, "")); if ($('#selecteddevices').val().trim().length == 0) { $('#actions4devices button').not('.pull-right').attr("disabled", "disabled"); } } }); $('#refusedevicesButtonId').on('click', function() { $('#theRefuseFile').show(); }); }); </script>

推荐答案

我们可以看到你在哪里使用 $ .tooltip（）？它有可能发生在jQuery UI嵌入行之前的某个地方。所以尝试重新安排你的脚本包括所以jQuery是第一个，jQuery UI是第二个，然后是其余部分。

Can we see where you're using $.tooltip() ? It's possible that it occurs somewhere before the jQuery UI embed line. So try re-arranging your script includes so jQuery is first, jQuery UI is second, then along through the rest.

<script src="/tdk/scripts/jquery.min.js" type="text/javascript"></script> <script src="code.jquery/ui/1.12.1/jquery-ui.js"></script> <script src="/tdk/scripts/bootstrap.js" type="text/javascript"></script> <script src="/tdk/scripts/jquery.dataTables.js" type="text/javascript"></script> <script src="/tdk/scripts/dataTables.bootstrap.js" type="text/javascript"></script>

很难知道没有看到完整的代码并且知道哪些文件包含您对 $。toolTip（）。

Hard to know without seeing your full code and knowing which files contains your calls to $.toolTip().

另一个快速尝试是替换 jQuery 对于 $ 您正在使用的地方，即：

One other quick attempt would be to substitute jQuery for $ where you're using, i.e.:

$（。tips ）.toolTip（）

将成为：

jQuery（。tips）。toolTip（）