Die kommende jQuery UI 1.9-Version wird zwei neue Widgets, zum erzeugen eines Menüs aus HTML-Listen und zur Erzeugung eines einfachen Tooltips beinhalten.
In jQuery UI 1.9 Milestone 1 wurde das neue Tooltip-Widget integriert:Das Tooltip-Widget kann wie folgt benutzt werden:
<script type="text/javascript">
$().ready(function(){
$(".tooltip").tooltip();
});
</script>
Der zugehörige HTML-Code sieht dabei folgendermaßen aus, wobei das Title-Attribut des jeweiligen Elements für den Tooltip-Text verwendet wird:
<a href="#" title="Das ist der erste Tooltip" class="tooltip">Link 1</a> <a href="#" title="und noch ein Tooltip" class="tooltip">Link 1</a>
Das jQuery UI-Team hat ein paar Demos online gestellt:
Demo 1 – Demo 2 – Demo 3
In jQuery UI 1.9 Milestone 2 wurde das neue Menu-Widget integriert:
<script>
$().ready(function() {
$(".menu").menu();
});
</script>
<ul class="menu"> <li><a href="#">Menu-Item 1</a></li> <li><a href="#">Menu-Item 2</a></li> <li><a href="#">Menu-Item 3</a></li> <li><a href="#">Menu-Item y</a></li> <li><a href="#">Menu-Item z</a></li> </ul>
Demo 1 – Demo 2
jQuery UI 1.9 Milestone 2 Download
Bin mal gespannt, wie sich die beiden neuen Widgets noch entwickeln und wie flexibel sie verwendet werden können.