jQuery UI 1.9 Preview mit Tooltip und Menü

jQuery UI Logo
1 Star2 Stars3 Stars4 Stars5 Stars
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:

<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 1Demo 2Demo 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 1Demo 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.

Autor: Markus

Arbeitet in einer Webagentur im wunderschönen Augsburg. Spezialisiert auf die Bereiche Community, SEO und was sonst so anfällt :-)