jQuery UI draggable is not a function Error

jQuery UI draggable is not a function Error

Why function draggable works in Chrome and does not work Safari?

gems.js
  1. $(document).ready(function(draggable) {
  2.     $('.draggable').draggable();
  3. });
index.html

  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  6.     <title></title>

  7.     <link href="lib/ionic/css/ionic.css" rel="stylesheet">
  8.     <link href="css/style.css" rel="stylesheet">
  9.     <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
  10.     <script src="lib/ionic/js/ionic.bundle.js"></script>
  11.     <script src="cordova.js"></script>
  12.     <script src="js/app.js"></script>
  13.     <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
  14.     <script src="js/jquery-1.11.1.min.js"></script>
  15.     <script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
  16.     <script type="text/javascript" src="js/jquery.dice.js"></script>
  17.     <script type="text/javascript" src="js/dice.js"></script>
  18.     <script type="text/javascript" src="js/gems.js"></script>
  19.     <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  20. </head>

  21. <body ng-app="starter">
  22.     <ion-pane>
  23.         <ion-header-bar class="bar-dark">
  24.             <h1 class="title">#sanskritGame</h1>
  25.         </ion-header-bar>
  26.         <ion-content>
  27.             <div data-role="collapsibleset" data-theme="b">
  28.                 <div data-role="collapsible" data-collapsed-icon="carat-d" data-expanded-icon="carat-u" data-iconpos="right" data-collapsed="false" align="center">
  29.                     <h3>&#x41F;&#x43E;&#x43B;&#x435; &#x418;&#x433;&#x440;&#x44B;</h3> &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0; <img src="img/gameSquare.png" style="max-width: 100%; height: auto;" class="fullscreen">
  30.                     <table id="tableGems">
  31.                         <tr>
  32.                             <td>
  33.                                 <div id="drag1" class="draggable">
  34.                                     <img class="gems" src="img/ruby.png" alt="1">
  35.                                 </div>
  36.                             </td>
  37.                             <td>
  38.                                 <div id="drag2" class="draggable">
  39.                                     <img class="gems" src="img/orange.png" alt="2">
  40.                                 </div>
  41.                             </td>
  42.                             <td>
  43.                                 <div id="drag3" class="draggable">
  44.                                     <img class="gems" src="img/green.png" alt="3">
  45.                                 </div>
  46.                             </td>
  47.                             <td>
  48.                                 <div id="drag4" class="draggable">
  49.                                     <img class="gems" src="img/blue.png" alt="4">
  50.                                 </div>
  51.                             </td>
  52.                             <td>
  53.                                 <div id="drag5" class="draggable">
  54.                                     <img class="gems" src="img/almaz.png" alt="5">
  55.                                 </div>
  56.                             </td>
  57.                             <td>
  58.                                 <div id="drag6" class="draggable">
  59.                                     <img class="gems" src="img/brilliant.png" alt="6">
  60.                                 </div>
  61.                             </td>
  62.                         </tr>
  63.                     </table>
  64.                 </div>
  65.                 <br>
  66.                 <div id="dice"></div>
  67.                 <br>
  68.             </div>
  69.         </ion-content>
  70.     </ion-pane>
  71. </body>

  72. </html>