Error Draggable Is Not A Function

here for a quick overview of the site Help Center Detailed answers to any questions you might have Meta Discuss the workings and policies of this site About Us Learn more about draggable undefined is not a function Stack Overflow the company Business Learn more about hiring developers or posting ads with jquery draggable is not a function us Stack Overflow Questions Jobs Documentation Tags Users Badges Ask Question x Dismiss Join the Stack Overflow Community Stack Overflow is draggable revert function a community of 4.7 million programmers, just like you, helping each other. Join them; it only takes a minute: Sign up jQuery UI - Draggable is not a function? up vote 29 down vote favorite

Draggable Helper Function

2 I've trying to use the draggable effect on some divs on a page, but whenever I load the page, I get the error message: Error: $(".draggable").draggable is not a function I've had a look around it seemed other people were having this problem as they had not included the jQuery UI javascript file, but I definitely have. The following is within the head tag of my page: Can anyone suggest a solution? Any advice appreciated. Thanks. Quick edit, I also have the jquery tools js included in the head of the page, if I remove this it works OK. Has anyone managed to get these two working together? jquery draggable share|improve this question edited May 24 '10 at 9:36 asked May 24 '10 at 9:17 Dan 229249 Do you have a live link to the page with this problem? –Shadi Almosri May 24 '10 at 9:21 No, it's just on my local machine atm –Dan May 24 '10 at 9:43 paste you javascript code –Sisir Aug 20 '11 at 11:31 add a comment| 11 Answers 11 active oldest votes up vote 23 down vote 4 years after the question got posted, but maybe it will help others who run into this problem. The answer has been posted elswehere on StackExchange as well, but I lost the link and it's hard to find. ANSWER: In jQueryTOOLS, the jQuery 'core' is also embedded if you use the default download. When you load jQuery and jQuery tools, jQuery core gets defined twice and will 'unset' any plugins. 'Draggable' (from jQuery-UI) is such a plug-in. The solution is to use

Sign in Pricing Blog Support Search GitHub This repository Watch 87 Star 1,583 Fork 543 codef0rmer/angular-dragdrop Code Issues jquery ui draggable js 16 Pull requests 2 Projects 0 Pulse Graphs New issue element.draggable

Uncaught Typeerror: Jquery(...).draggable Is Not A Function

is not a function #65 Closed aurigadl opened this Issue Nov 22, 2013 · 7 comments Projects

Element.draggable Is Not A Function Angular

None yet Labels None yet Milestone No milestone Assignees No one assigned 5 participants aurigadl commented Nov 22, 2013 some times the directives run http://stackoverflow.com/questions/2895894/jquery-ui-draggable-is-not-a-function before to charge the dom. This makes the following error. "Error: element.draggable is not a function jqyouihttps://github.com/codef0rmer/angular-dragdrop/issues/65 demo to reproduce the issue? aurigadl commented Nov 26, 2013 The error is generated when RequireJS is used to declare the jquery dependency instead of jQuery. I made the following change. main.js shim { 'jquery': {'exports': 'jQuery'} , 'jquery-ui': {'deps': ['jquery']} , 'angular': {'exports': 'angular', 'deps': ['jquery', 'jquery-ui']} } require ([ 'jquery' ], Function (jQuery) { 'use strict'; $ (document). ready (function () { window.jQuery = jQuery; aurigadl closed this Nov 26, 2013 andrewboni commented Dec 20, 2014 Thank you, this resolved my issue! PsiOps commented Apr 30, 2015 This is still an issue for me. I don't use RequireJS, but simply declare the dependencies in my index.html. I declare JQuery and JQuery-Ui, both before loading the angular-dragdrop.js. I get this exact same error. This is the clone url of my repo in which the issue is reproducable: https://github.com/PsiOps/WfDAngular.git Owner codef0rmer commented May 3, 2015 @PsiOps You have added jquery and jqueryui after angular.js. Change the order as: