Uncaught TypeError: $(...).tooltip ist nicht ein Fehler einer Funktion

Ich versuche, diesen code verwenden, mit denen tooltips. In diesem link: Code mit tooltip. In der Tat habe ich gerade kopiert den gesamten code, aber es funktioniert jetzt.
Ich erhalte eine Fehlermeldung, die sagt 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>

Was fehlt hier?

Edit:

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

Verwenden wie diese, die mein problem gelöst!

InformationsquelleAutor | 2015-12-15