Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

include jQuery-ui to control custom menu in widget


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 11, 2013, 09:50 AM
jquerytou
 
2 posts · Jan 2013
Hello, I started using Atahualpa frm a month,
I find it an incredible theme for all its customization options,
and now I am running into a problem when trying to point to jquery-ui, which I have included in the HTML Inserts: Header
when I try to use the .menu method that comes with jquery-ui, I get a message from console (using firefox) that says function .menu not defined.

I am trying to get a vertical custom menu placed in a widget in the left sidebar like the default one showed in the jquery-ui api demo page (http://jqueryui.com/menu/)

Otherwise I also tried to .animate the submenus to horizontal slidin' them rightside when hovering onto the main menu list-items, but I am having problems with css selectors related to this menu (inserted into widget area)
I tried to reset options on div.widget div.widget ul, etc...and then apply css using the ID's of menu and list-items, but with poor success.
I would be very thankful if someone could help me to fix this, maybe someone already had this kind of issue.

Thanks in advance, and sorry if I am asking something that is already in some thread (I tried to look before, but couldn't find something about this)

Wish you all a good day,

Marcello
  #2  
Old Jan 11, 2013, 10:18 AM
juggledad's Avatar
juggledad
 
22,244 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
what version of Atahualkpa nd WP?
what is the URL?
how are you putting the menu in the sidebar? ie what widget are you using?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 14, 2013, 08:40 AM
jquerytou
 
2 posts · Jan 2013
Hi JuggleDad,
thankyou for your fast reply, sorry I am not so fast...

I am developing (at the moment only offline with XAMPP) a new site and I'using atahualpa 3.7.10 with WP 3.5, just downloaded few days ago.

I created different custom menus to make main and sub-navigation links. I use one of these menus in the left sidebar, added via the widget admin of WP, and set a few options via Atahualpa style WIDGET. With Firebug I assure that the ul generated inside the widget has the ID #menu-generale. Then what I try to do is:
1- include jquery-ui and jquery easing in the "HTML Inserts: Header" (after copying them to a folder created in themes directory of wp), with this:
Code:
<script src="http//:localhost/newsite/wp-content/themes/js/jquery.1.8.3.min.js"></script>
<script src="http//:localhost/newsite/wp-content/themes/js/jquery-ui-1.9.2.custom.min.js"></script>
<link  href="http//:localhost/newsite/wp-content/themes/js/jquery-ui-1.9.2.custom.min.css" rel="stylesheet"/>
<script src="http//:localhost/newsite/wp-content/themes/js/jquery.easing.1.3.js"></script>
2- reset some css options (and here I think I miss myself...) to #menu-generale li, #menu-generale ul.sub-menu, and so on, with the "CSS inserts" and add a width for the .ui-menu class
3- call jquery-ui .menu widget with some javascript
Code:
<script>
jQuery(document).ready(function($){
  $( "#menu-generale" ).menu();
});
</script>
probably I miss the correct way to include the jquery libraries and/or the ui css...
I also tried to move the js code to an external file and call it, with no success...

I would be really happy to solve this thing, thank you in advance for your patience and kindness.

Bookmarks

Tags
jquery, jquery-ui, menu

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Custom include on the homepage only.... i have a headache from this ... plea bvimusic Header configuration & styling 6 May 17, 2011 02:32 PM
[SOLVED] Custom Javascript/jQuery Popup not working in Atahualpa. Factorfiction Page & Category Menu Bars 1 Jan 30, 2011 02:20 PM
BUGFIX 361-04: Allow Custom Menu widget links to use same styling as Pages widget. juggledad Old Version fixes and change logs 1 Jan 22, 2011 08:40 AM
How to include javascript in header for custom posts? crixan Header configuration & styling 0 May 19, 2010 03:54 PM


All times are GMT -6. The time now is 01:58 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.