library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Selectmenu: added complex menu demo to compatibility visual test

Browse Source
This commit is contained in:
Felix Nagel 2012-07-13 00:30:47 +02:00
parent 001bd3d502
commit c7e9906cd0
1 changed files with 62 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
tests/visual/selectmenu/compatibility.html
View File

@ -47,6 +47,12 @@
}); });
$( "#tabs" ).tabs(); $( "#tabs" ).tabs();
$( "#dialog" ).dialog(); $( "#dialog" ).dialog();
$( "#menu" ).menu({
position: { of: "ul:has(a.ui-state-focus):last" },
icons: {
submenu: "ui-icon-carat-1-e"
}
});
}); });
</script> </script>
<style> <style>
@ -56,6 +62,7 @@
label { display: block; } label { display: block; }
select { width: 200px; } select { width: 200px; }
#tabs { margin: 50px 0 0 0 } #tabs { margin: 50px 0 0 0 }
#menu { width: 150px; margin: 50px 0 0 0 }
</style> </style>
</head> </head>
<body> <body>
@ -67,6 +74,61 @@
<input id="tags"> <input id="tags">
</div> </div>
<ul id="menu">
<li><a href="#">Aberdeen</a></li>
<li><a href="#">Ada</a></li>
<li><a href="#">Adamsville</a></li>
<li><a href="#">Addyston</a></li>
<li>
<a href="#">Delphi</a>
<ul>
<li><a href="#">Ada</a></li>
<li><a href="#">Saarland</a></li>
<li><a href="#">Salzburg</a></li>
</ul>
</li>
<li><a href="#">Saarland</a></li>
<li>
<a href="#">Salzburg</a>
<ul>
<li>
<a href="#">Delphi</a>
<ul>
<li><a href="#">Ada</a></li>
<li><a href="#">Saarland</a></li>
<li><a href="#">Salzburg</a></li>
</ul>
</li>
<li>
<a href="#">Adamsville</a>
<ul>
<li><a href="#">Aberdeen</a></li>
<li><a href="#">Ada</a></li>
<li><a href="#">Adamsville</a></li>
<li><a href="#">Addyston</a></li>
<li>
<a href="#">Delphi</a>
<ul>
<li><a href="#">Ada</a></li>
<li><a href="#">Saarland</a></li>
<li><a href="#">Salzburg</a></li>
</ul>
</li>
<li><a href="#">Saarland</a></li>
</ul>
</li>
<li><a href="#">Perch</a>
<ul>
<li><a href="#">Addyston</a></li>
<li><a href="#">Delphi</a></li>
<li><a href="#">Perch</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<div id="tabs"> <div id="tabs">
<ul> <ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-1">Nunc tincidunt</a></li>