jQuery.ui.draggable.js and jQuery.ui.widget.js conflict

Question

I had a working application, which uses a jquery ui dialog. I wanted to make the dialog draggable. As far as I know the only thing needed is the jquery.ui.draggable.js script. So I added it to the scripts I am using, but know I get the following error (as shown in the firebug console): base is not a constructor The relevante line in jquery.ui.widget.js is:

var basePrototype = new base();

This is how I am adding all the scripts:

<script type="text/javascript" src="/media/development-bundle/jquery-1.4.2.js"></script>
<script type="text/javascript" src="/media/development-bundle/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="/media/development-bundle/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/media/development-bundle/ui/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="/media/development-bundle/ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="/media/development-bundle/ui/jquery.ui.autocomplete.js"></script>
<script type="text/javascript" src="/media/development-bundle/ui/jquery.ui.dialog.js"></script>

Am I doing something wrong? or is this a problem with jquery?

Thanks in advance for any help

This should help going forward: stackoverflow.com/questions/10395996 — Paul Sheldrake
– Paul Sheldrake, Commented May 2, 2012 at 13:10

Aaron · Accepted Answer · 2010-04-09 15:39:28Z

46

The problem is that draggable extends $.ui,mouse, and that was included in the ui core file in UI 1.7x.

You will need to include jquery.ui.mouse.js before draggable, and that will fix the problem.

answered Apr 9, 2010 at 15:39

Aaron

3,4994 gold badges39 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

swan Over a year ago

Thanks Aaron. It works. The problem arised when jquery.ui.mouse is placed after draggable. Placing it before solves the the error.

Pointy · Accepted Answer · 2010-04-07 17:50:39Z

2

You probably should go to the jQuery UI site and build yourself a "custom" packaging of the jQuery UI components you need. Then you'll have just one script to worry about (well, that plus jQuery itself).

answered Apr 7, 2010 at 17:50

Pointy

415k62 gold badges600 silver badges631 bronze badges

Collectives™ on Stack Overflow

jQuery.ui.draggable.js and jQuery.ui.widget.js conflict

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related