JQuery Buttonset mit Links versehen

[Chriis]

Liebe ATer,

ich bin gerade dabei via eines JQuery UI Buttonsets ein Menü zu bauen. Sieht alles toll aus, richtet sich automatisch an das responsive Layout an.
Nur, wie bekomme ich zuverlässig Links mit den Buttons verbunden?

Die Möglichkeit

<button id="Schaltfläche1"><a href="home.html">Home</a></button>

funktioniert nur in Safari... Weder Chrome, IE noch Firefox...
Kann mir da jemand helfen?

Beste Grüße,
Chris

 

[bezierkurve]

Entweder du definierst einen onclick-Handler auf den button oder du legst jeden Button in ein form-Element, das als Action den Ziellink definiert (geht somit auch ohne JS).

 

[Chriis]

Das Problem, wenn ich die Buttons in ein Form-Element lege, liegen diese nicht mehr nebeneinander, sondern richten sich untereinander auf 100% aus...

 

[bezierkurve]

Das lässt sich dann aber mit CSS regeln.

 

[zilVerGFX]

Beide Lösungen sind SEO-technisch absolut ungeeignet.
Das Buttonset ist in dem Fall responsive weil per CSS "display: inline-block;" gesetzt wird. Wenn du jeden Button in ein Form-Element packst, ist das logischerweise nicht mehr der Fall, da Form-Elemente Block-Elemente sind und diese immer die volle Breite einnehmen. Du müsstest also deinem Form-Element auch "display: inline-block" geben.
Das war aber nur für dein Verständnis, mach das bitte nicht - es ist wie gesagt SEO-technisch und auch semantisch die schlimmste von allen Lösungen.

Es geht ganz einfach:

 <script>
$( document ).ready( function() {

     $( "#deinButtonSet a" ).button();

});
  </script>

<div id="deinButtonSet">
<a href="home.html">Home</a>
<a href="bla.html">bla</a>
<a href="bla.html">bla</a>
</div>

Du rufst die jQueryUI Button-Methode einfach mit deinem a-Element auf und nicht mit deinem button-Element .

Viel Spaß

 

[Chriis]

Vielen lieben Dank für deine Antwort!!
Das werde ich direkt implementieren!

Danke!

Beste Grüße aus dem derzeit schön sonnigen Sauerland!

 

[zilVerGFX]

Bitte