Tengo problemas con el menu horizontal en YUI, y es que no me carga los CSS al principio de la página.
El ejemplo es en www.iniciativasmultimedia.com/cruzroja
El código es el siguiente:
carga los siguientes archivos
'http://yui.yahooapis.com/pure/0.3.0/pure-min.css', 'http://yui.yahooapis.com/3.14.1/build/yui/yui-min.js', 'http://yui.yahooapis.com/pure/0.4.2/menus-nr-min.css',
Código HTML :
<div id="demo-horizontal-menu" align="right"> <ul id="std-menu-items"> <li class="pure-menu-selected"> item1 </li> <li class="pure-menu-selected"> item2 </li> <li class="pure-menu-selected"> item3 </li> <li class="pure-menu-selected"> item4 </li> </ul> </div>
Código Javascript :
<script> YUI({ classNamePrefix: 'pure' }).use('gallery-sm-menu', function (Y) {
var horizontalMenu = new Y.Menu({
container : '#demo-horizontal-menu',
sourceNode : '#std-menu-items',
orientation : 'horizontal',
hideOnOutsideClick: false,
hideOnClick : false
});
horizontalMenu.render();
horizontalMenu.show();
}); </script>
