Hola, estoy intentando hacer un menú vertical, el gran problema es que debe ser compatible con Internet Explorer 9.
Descargué el JQuery 1.11.0 y probando con el ejemplo básico de la pagina me sucede que en IE el menú se desplega hacia la izquierda, y como el menú tiene que ir en el margen izquierdo, los submenues no se ven...
Probé en Chrome y en Firefox y obviamente que funciona correctamente. El problema es con IE 9.
Se puede setear el lado en que se desplega el submenu?
Desde ya muchisimas gracias.
Este es el ejemplo:
<html>
<head>
<link type="text/css" href="../../recursos/jquery-ui/jquery-ui.min.css" rel="Stylesheet" />
<script type="text/javascript" src="../../recursos/jquery-ui/external/jquery/jquery.js"></script>
<script type="text/javascript" src="../../recursos/jquery-ui/jquery-ui.min.js"></script>
<script>
$(function() {
$( "#menu" ).menu();
});
</script>
<style>
.ui-menu { width: 150px; }
</style>
<body>
<ul id="menu">
<li class="ui-state-disabled">Aberdeen</li>
<li>Ada</li>
<li>Adamsville</li>
<li>Addyston</li>
<li>Delphi
<ul>
<li class="ui-state-disabled">Ada</li>
<li>Saarland</li>
<li>Salzburg an der schönen Donau</li>
</ul>
</li>
<li>Saarland</li>
<li>Salzburg
<ul>
<li>Delphi
<ul>
<li>Ada</li>
<li>Saarland</li>
<li>Salzburg</li>
</ul>
</li>
<li>Delphi
<ul>
<li>Ada</li>
<li>Saarland</li>
<li>Salzburg</li>
</ul>
</li>
<li>Perch</li>
</ul>
</li>
<li class="ui-state-disabled">Amesville</li></ul>
</body>
</html>