title: JQuery - resolveWith --- Uncaught TypeError: $(...).draggable is not a function ... at Object.fireWith [as resolveWith] (jquery-1.12.4.js:3362)
body: <p>Trying to define a generic / vanilla - draggable function , . After Googling , i think i have isolated the issue to , Conflict within scripts ive included , am focusing on the <code>resolveWith</code>  within the error . </p>
  
  <p>Function defined to create Draggable -li- list tags. </p>
  
  <pre><code>&lt;script&gt;
      $( function() {
            $( "#id_draggable" ).draggable();
                    } );
  &lt;/script&gt;
  </code></pre>
  
  <p>Initially missed including 2 scripts mentioned below --- </p>
  
  <pre><code>&lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Got error in Chrome Console <code>Uncaught TypeError: $(...).draggable is not a function</code></p>
  
  <pre><code>Uncaught TypeError: $(...).draggable is not a function          jquery-3.3.1.js:3827 
      at HTMLDocument.&lt;anonymous&gt; ((index):2078)
      at mightThrow (jquery-3.3.1.js:3534)
      at process (jquery-3.3.1.js:3602)
  </code></pre>
  
  <p>Having included the two scripts mentioned above - located them , exactly above the defined draggable function - again got error in Chrome Console</p>
  
  <pre><code>Uncaught TypeError: $(...).draggable is not a function
      at HTMLDocument.&lt;anonymous&gt; (localhost/:2080)
      at fire (jquery-1.12.4.js:3232)
      at Object.fireWith [as resolveWith] (jquery-1.12.4.js:3362)
      at Function.ready (jquery-1.12.4.js:3582)
      at HTMLDocument.completed (jquery-1.12.4.js:3617)
  </code></pre>
  
  <p>Changed location of the included scripts - moved them to ,  within the -head tags . Again got error in Chrome Console - </p>
  
  <pre><code>Uncaught TypeError: $(...).draggable is not a function
      at HTMLDocument.&lt;anonymous&gt; ((index):2079)
      at fire (jquery-1.12.4.js:3232)
      at Object.fireWith [as resolveWith] (jquery-1.12.4.js:3362)
      at Function.ready (jquery-1.12.4.js:3582)
      at HTMLDocument.completed (jquery-1.12.4.js:3617)
  </code></pre>
  
  <p>Again Changed location of the included scripts - moved them to end of page just before ,page body closing TAG . Yet again got error in Chrome Console - </p>
  
  <pre><code>Uncaught TypeError: $(...).draggable is not a function
      at HTMLDocument.&lt;anonymous&gt; ((index):2078)
      at mightThrow (jquery-3.3.1.js:3534)
      at process (jquery-3.3.1.js:3602)
  </code></pre>
  
  <p><strong>EDIT - 1</strong> Removed , </p>
  
  <pre><code>&lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>which was one of the one of the included scripts . Let the other script which is </p>
  
  <pre><code>&lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt; 
  </code></pre>
  
  <p>, remain at the bottom  of the page at the page body closing TAG. The error changes to as seen below - </p>
  
  <pre><code>jQuery.Deferred exception: $(...).draggable is not a function TypeError: $(...).draggable is not a function   jquery-3.3.1.js:3818 
      at HTMLDocument.&lt;anonymous&gt; (http://localhost:8001/dc/eda_action/bhanu1aaccbhanu11aacc25/:2078:56)
      at mightThrow (https://code.jquery.com/jquery-3.3.1.js:3534:29)
      at process (https://code.jquery.com/jquery-3.3.1.js:3602:12) undefined
  jQuery.Deferred.exceptionHook @ jquery-3.3.1.js:3818
  process @ jquery-3.3.1.js:3606
  
  Uncaught TypeError: $(...).draggable is not a function      jquery-3.3.1.js:3827 
      at HTMLDocument.&lt;anonymous&gt; ((index):2078)
      at mightThrow (jquery-3.3.1.js:3534)
      at process (jquery-3.3.1.js:3602)
  (anonymous) @ (index):2078
  mightThrow @ jquery-3.3.1.js:3534
  process @ jquery-3.3.1.js:3602
  </code></pre>
  
  <p>Note that the earlier error trace did not have -</p>
  
  <pre><code>jQuery.Deferred exception: $(...).draggable is not a function TypeError: $(...).draggable is not a function
  </code></pre>
  
  <p><strong>EDIT-2</strong> Seems i need to remove all instances of JQuery and JQuery UI as suggested here = <a href="https://wordpress.org/support/topic/receiving-javascript-error-stickthis-is-not-a-function/" rel="nofollow noreferrer">https://wordpress.org/support/topic/receiving-javascript-error-stickthis-is-not-a-function/</a> , the error as of now is shown below ...</p>
  
  <pre><code>jQuery.Deferred exception: $(...).draggable is not a function TypeError: $(...).draggable is not a function      jquery-3.3.1.js:3818 
      at HTMLDocument.&lt;anonymous&gt; (http://localhost:8000/dc/eda_action/bhanu1aaccbhanu11aacc25/:2103:42)
      at mightThrow (https://code.jquery.com/jquery-3.3.1.js:3534:29)
      at process (https://code.jquery.com/jquery-3.3.1.js:3602:12) undefined
  
  jQuery.Deferred.exceptionHook @ jquery-3.3.1.js:3818
  
  process @ jquery-3.3.1.js:3606
  </code></pre>