Loading...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:
1 2 3 4 5 | <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:
1 2 | <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:
1 2 3 4 5 | <script> $().ready(function() { $(".menu").menu(); }); </script> |
1 2 3 4 5 6 7 | <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.
The links on the demo sites don’t seem to work properly…