Uncaught TypeError: $ (...). Tooltip не является функцией ошибки

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> 

Что здесь отсутствует?

Edit:

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

С его помощью, как это, решить мою проблему!

Answer 1

Вы включаете два пользовательских интерфейса jQuery для разных версий. Это может вызвать конфликты. Попробуйте удалить

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

Answer 2

Вы получаете сообщение об ошибке, поскольку jquery-ui загружается после выполнения вашего скрипта. вы можете попробовать добавить type = "text/javascript" к вашим сценариям, как правило, это должно решить проблему или вам нужно подождать, пока скрипт будет загружен для выполнения вашей всплывающей подсказки. поэтому вы должны создать функцию, которая будет выполнять ваш скрипт после загрузки jquery-ui.