11

我有由 jquery 填充的 gridview。下面是我的代码的一部分,它给出了上述错误:

var codes = $(this).find("Code").text();

 $("td", row).eq(6).html($(this).find("oTotal").text());
            if ($(this).find("Stock").text() == 'Y') {

                $("td", row).eq(7).html('<a href="#"  class="tooltip" title="This is my divs tooltip message!" id="' + codes + '" style="text-decoration:none">Y</a>');

                 $('#' + codes).live('click', function () {
                    $('#' + codes).tooltip();

                });
            }
            else {
                $("td", row).eq(7).html($(this).find("Stock").text());
            }

我在 $('#'+ 代码).tooltip(); 上遇到错误 我有 jquery.ui/1.8.22 和 jquery/1.8.3。

4

6 回答 6

20

我认为工具提示不是您要提取的文件的一部分。您能否将 CDN 对 jQuery UI 的引用更新为:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

于 2013-08-16T18:37:28.450 回答
3

我通过将我所有的 Javascript 标签移到上面来解决了这个问题:

< jdoc:include type="head" />

希望它也适合你。

于 2015-04-09T14:21:10.370 回答
1

尝试重新安排你的脚本包含,所以首先是 jQuery,其次是 jQuery UI,然后是其余的。

于 2021-01-18T14:23:05.323 回答
0

tooltip()jQuery UI中并不总是存在。它是在 1.9 版本中添加的,因此它可以在 1.9 之后的任何版本中使用。证明:

添加的版本:1.9(来源:API.jQueryUI.com:工具提示小部件。)

如果您没有 1.9 或更高版本的 jQuery UI,您将收到错误:tooltip() is not a function().

这就是接受的答案有效的原因:它只是链接到版本 1.10.3。理想情况下,您应该使用可用的最现代版本的 jQuery UI(事实上,此规则通常适用于所有包)。

于 2021-01-21T18:37:16.653 回答
0

tooltip是 Bootstrap 的一部分,因此包括 bootstrap 应该可以解决问题。

使用引导程序检查的快速链接,您可以https:从引导程序链接的开头删除。

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
于 2018-05-18T05:21:29.650 回答
0

tooltip()不是函数!!!

我通过在angular 4中使用以下步骤解决了这个问题。

npm install jquery使用命令安装 jquery 。

在路径 src/typings.d.ts 文件中添加以下代码。

declare var jquery:any;

interface jquery
{
tooltip(options?:any):any;
}

它解决了这个tooltip()问题。

于 2017-12-20T09:58:57.847 回答