Search jQuery

jQuery Forum

Positioning the jQuery 1.9.1 menu widget

in Using jQuery UI • 8 years ago

I'm struggling with the jQuery 1.9.1 menu widget. It seems like the docs are saying that I should be able to position the menu relative to any element by specifying the "position" when I initialize the object. Here's the relevant quote:

"Position identifies the position of submenus in relation to the associated parent menu item. The "of" option defaults to the parent menu item, but you can specify another element to position against." (jQuery UI docs)

Have I misunderstood? If so, how can I achieve what I'm trying to do below? The menu should appear under the div called "anchor", not in the upper left-hand corner.

Thank you for any help.

<html>

<head>

$(document).ready(function() {

$("#menu1").menu({ position: { my: "left top", at: "right bottom", of: "#anchor" }});

});

</script>

</head>

<body>

<li><a href="#">three</a></li>

</ul>

</body>

</html>

Replies(3)

opgobee

Re: Positioning the jQuery 1.9.1 menu widget

5 years ago

Having the same problem.
Positioning doesn't work if called from the menu() function, neither initial, nor setting it later, but does work if the .position() function is used.
Don't know why it doesn't work with the menu function.
Tips would be welcome, it would be nicer to handle it within the menu() function that creates the menu than outside it, in a separate function call.