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
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 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?
  #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 11:27 AM.


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