Question

我正在尝试将这些代码用于这些工具提示。在此链接中：Code with tooltip。事实上，我只是复制了整个代码，但它现在正在运行。我收到一条错误Uncaught TypeError: $(...).tooltip is not a function error：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

<script>
  $(function() {
    $(document).tooltip({
      position: {
        my: "center bottom-20",
        at: "center top",
        using: function(position, feedback) {
          $(this).css(position);
          $("<div>")
            .addClass("arrow")
            .addClass(feedback.vertical)
            .addClass(feedback.horizontal)
            .appendTo(this);
        }
      }
    });
  });
</script>

这里缺少什么？

编辑：

<script>
jQuery( document ).ready(function( $ ) {
   $('.hasTooltip').tooltip();
});
</script>

像这样使用它，解决了我的问题！

Answer 1

您为不同版本提供了两次jQuery UI。这可能会导致冲突。尝试删除

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

Answer 2

您收到错误是因为在执行脚本后加载了jquery-ui。你可以尝试添加type =＆＃34; text / javascript＆＃34;通常，这必须解决问题或者您必须等到加载脚本才能执行工具提示。因此，您必须创建一个在加载jquery-ui后执行脚本的函数。

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

2 个答案: