The problem looks to be the order of your <script> includes. jquery-1.3.2.min.js must be included before any jquery plugins. Do you have firebug for firefox? If you did it would give an error like 'function menu does not exist' indicating that there is something wrong with how you load your js.
On Thu, Dec 17, 2009 at 3:36 AM, MISS_DUKE <[email protected]> wrote: > I could not get this menu work for me, I could not find what the > problem is. (I am copying and pasting the HTML code bellow, that I > used to test the menu ) > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// > www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> > <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en"> > > <head> > <meta http-equiv="Content-Type" content="text/html; > charset=utf-8" /> > <title>Untitled Document</title> > <link rel="stylesheet" type="text/css" href="fg-menu/ > fg.menu.css" /> > <script type="text/javascript" src="fg-menu/fg.menu.js"></ > script> > <script type="text/javascript" src="fg-menu/ > jquery-1.3.2.min.js"></script> > </head> > > <body> > <script type="text/javascript"> > $(document).ready(function(){ > $('#myMenuButton').menu({ > content: $('#myContent').html(), > maxHeight: 180, > positionOpts: { offsetX: 10, offsetY: 20 }, > showSpeed: 300 > }); > }); > </script> > > <a id="myMenuButton" href="#">Click here to open options</a> > <ul id="myContent"> > <li><a href="#">Menu option</a></li> > <li><a href="#">Menu option</a></li> > <li><a href="#">Menu option</a> > <ul> > <li><a href="#">Child menu option</a></li> > <li><a href="#">Child menu option</a></li> > <li><a href="#">Child menu option</a></li> > </ul> > </li> > <li><a href="#">Menu option</a></li> > </ul> > > </body> > </html> > > > > > > > > > On Dec 17, 1:07 am, Nate Laws <[email protected]> wrote: > > Its whatever you want to bind the menu to. Its what you click to open > the > > menu. > > > > In their samples they use a <a> tag. So you could do something like: > > > > <a id="myMenuButton" href="#">Click here to open options</a> > > > > On Wed, Dec 16, 2009 at 11:15 AM, MISS_DUKE <[email protected]> wrote: > > > I read the article about the Filament group menu at the following URL: > > >http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/ > > > > > The above mentioned menu, which may be the future jQuery menu widget, > > > is as excellent as other jQuery widgets. > > > > > The above article mention the following (example) code to be used to > > > create this menu: > > > > > $(document).ready(function(){ > > > $('#myMenuButton').menu({ > > > content: $('#myContent').html(), > > > maxHeight: 180, > > > positionOpts: { offsetX: 10, offsetY: 20 }, > > > showSpeed: 300 > > > }); > > > }); > > > > > I understand the "#myContent" is the selector of the unordered list > > > which is to be converted as the menu. But what is that > > > "#myMenuButton"? Please anyone explain with a small example. > > > > > -- > > > > > You received this message because you are subscribed to the Google > Groups > > > "jQuery UI" group. > > > To post to this group, send email to [email protected]. > > > To unsubscribe from this group, send email to > > > [email protected]<jquery-ui%[email protected]> > <jquery-ui%[email protected]<jquery-ui%[email protected]> > > > > > . > > > For more options, visit this group at > > >http://groups.google.com/group/jquery-ui?hl=en. > > -- > > You received this message because you are subscribed to the Google Groups > "jQuery UI" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]<jquery-ui%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/jquery-ui?hl=en. > > > -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
