Drupal newbie can't get JQuery UI module to work in Drupal 6 - WHY!:(
| Project: | jQuery UI |
| Version: | 6.x-1.x-dev |
| Component: | Miscellaneous |
| Category: | support request |
| Priority: | critical |
| Assigned: | KJJacobson |
| Status: | active |
Jump to:
Hi - thanks for reading this first of all.
A project just got dumped in my lap. To finish coding a Drupal site (I design/dev but not much CMS exp.)
So first thing I did was check the admin status report page. It told me to upgrade from Drupal 5 to 6(.13). So I did.
All went well, except for the JQuery UI module. I followed the simple instructions here:
"The jQuery UI plugin is missing. Download and extract it to your jquery_ui module directory. See README.txt for more info."
Got JQuery 1.6 and put it in "/sites/all/modules/jquery_ui/" and it still says the module is not found.
I've searched and searched and did all the obvious but no luck. I really hope someone here knows what's up.
Thanks and thanks again!
Regards,
Kyle Jacobson

#1
Hey Kyle, I am fairly new with all this too, but I ran into a similar problem.
1)So after you download the jQueryUI module http://drupal.org/project/jquery_ui, the
jQueryUpdate module http://drupal.org/project/jquery_update, and jQuery UI
either 1.6 or 1.7.2 http://jqueryui.com/
2)You need to rename the the jQuery UI(1.6 or 1.7.2) folder to jquery.ui
and move it to the jQueryUI module folder.
3)What you are left with are two folders, the jQueryUI and jQueryUpdate module folder.
Now, just upload those modules to your /sites/all/modules directory.
4) Enable the modules in drupal and "run cron" and you should no longer see that message.
Hopefully I didn't leave anything out and good luck =)
Nick
#2
Hi Kyle,
Seems like the structure of the jQuery UI zip file has changed a little. When you extract the zip file (use Nicks links above) you'll probably see three folders created:
css
js
development-bundle
everything inside the development-bundle folder needs to be in ../sites/all/modules/jquery_ui/jquery.ui for it to work properly
#3
Hello Developers,
I just faced me too the situation like KJJacobson today, so I would like to suggest two things I believe could be a sort of help and clarification for those new to the indeed very easy installation process.
The jQuery UI module has not be enabled. You need to download the jQuery UI plugin and then re-enabled it in order to get it functioning (See README.txt for instructions)Many thanks for your attention.
zoo
#4
Thank you for great help, in this thread and in others. The Drupal community sure is amazing!
I have been trying all day to get the jQuery UI to interact with part in already existing module. Most the CCK of course.
This is want I have tried so far:
1. Followed all instruction above
2. Created a script.js file in my theme and included it in my theme .info file
3. Wrote this code below in the script.js file where 'edit-field-obj-rent-0-value' is the ID of a input field in a Add content form (CCK)
As you can see I am new to Drupal. Would be most grateful, since this will be a large part of our website.
// $Id$
// Adds theme jQuery
// nice.
jquery_ui_add('ui.slider');
if (Drupal.jsEnabled) {
$(document).ready(function(){
$('#edit-field-obj-rent-0-value').slider({
orientation: 'vertical',
min: 0,
max: 150,
value: 50
});
});
}
#5
Thanks everyone - I am going to try all suggested fixes as of tomorrow. Fingers crossed - wish me luck!
Cheers and thanks very much!
KJJ
#6
Thanks a quintillion everyone! It worked. Why is needs to be so convoluted is beyond me!
Much regards and a final thanks.
Kyle Jacobson
#7
I'm a newbie. I'm not a developer, but I've built a couple of css sites, but never done any javascript. I've been trying to get the jquery module loaded. It shows up on my module admin page, but won't enable. I click to enable and save config, but it doesn't enable. I've run cron and updatephp, but no help.
I tried to follow the instructions, and here's what I've done:
1* I created a jquery_ui directory in sites/all/modules, uploaded jquery_ui-6.x-1.3.tar and extracted it. It created a jquery_ui sub-directory with all the files.
2* I created a jquery.ui directory in sites/all/modules/jquery_ui/jquery_ui, uploaded jquery-ui-1.7.2.custom.zip and extracted it. It created css, js, and development-bundle sub-directories and an index.html file.
3* I created a jquery_update directory in sites/all/modules, uploaded jquery_update-6.x-1.1.tar and extracted it. It created a jquery_update directory with all the files.
4* I ran update.php and cron.
5* jQuery UI 6.x-1.3 shows up in module admin page under User Interface, but like I said, it won't enable.
I haven't yet tried steammultimedia's suggestion to move all the files (and sub-folders, I assume?) from sites/all/modules/jquery_ui/jquery_ui/development-bundle into sites/all/modules/jquery_ui/jquery_ui/jquery.ui
Maybe this is a different issue, but uploading and extracting on my host the way I've been doing it creates two nested directories. So I don't have a .../modules/jquery_ui/jquery.ui directory, but I have a .../modules/jquery_ui/jquery_ui/jquery.ui directory. Does this matter?
I'm running 6.14 core.
Thanks for any help/hand-holding.
#8
Moving the development-bundle folder into jquery.ui appears to have worked for me. Possibly that could be changed in the readme?
#9
I did all this stuff and have site/all/modules/jquery_ui/jquery.ui/ js and css and develop...
but when i go to the administration section and turn the jquery_ui on it says the following mensage:
Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 71 bytes) in /home4/univesc3/public_html/4.0/includes/database.inc on line 205
if i reload the page it goes weel.. and show the option to run the cron... but after that nothing happens and jquery_ui didn't turn on.
what is this erro?
what can i do?
#10
#9 http://drupal.org/node/207036
for late comers, i installed this module with 1.7.2 jquery_ui with folder structure like:
-sites/all/modules/jquery_ui/
--jquery.ui/ (created manually)
---demos/
---docs/
---external/
---tests/
---themes/
---ui/
---AUTHORS.txt
---.....
--jquery_ui.info
--jquery_ui.module
--.....