Menubar from dynamic xml not displaying

Question

I can't get a Menubar to display the submenu items. The list
displays properly without any reference to the "menubar" class so I
think I must have something off in the area. I have searched the
examples, api, and forum but I haven't been able to find anything
to help me fix it. I have worked on this for a couple of hours so I
am turning to everyone for help. Here is my code.
<div spry:region="dsSubCat dsRefine dsRefineValue"
class="SpryHiddenRegion">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#" class="MenuBarItemSubmenu">Sub
Category</a>
<ul>
<li spry:repeat="dsSubCat"><a href="#"
onclick="loadSubCatData('{dsSubCat::Value}');">{dsSubCat::Title}</a> ({dsSubCat::NumberOf Products})</li>
</ul>
</li>
<li spry:repeat="dsRefine"><a href="#"
class="MenuBarItemSubmenu">{dsRefine::@name}</a>
<ul>
<li spry:repeat="dsRefineValue"><a href="#"
onclick="loadRefineData('{dsRefineValue::Value}');">{dsRefineValue::Title}</a> ({dsRefine Value::NumberOfProducts})</li>
</ul>
</li>
</ul>
</div>
<script type="text/javascript"><var MenuBar1 = new
Spry.Widget.MenuBar("MenuBar1",
{imgDown:"../../images/SpryMenuBarDownHover.gif"})</script>

Answer 1

Hey N,
When dynamically creating widgets with Spry data, the
constructor script tag needs to be within the spry:region.
This allows it to fire off after the markup has been
generated.
Let us know if this solves it.
Don