2011-01-14 4 views
0

http://goo.gl/zMiYsKreis-Menü mit jQuery und jQuery Plugin Radmenu

Hallo an alle, habe ich es geschafft oben teilweise um das Menü zu implementieren (Menü öffnet, Elemente erscheinen, Gegenstände zum Ziel bewegen) mit Hilfe von jQuery und jQuery Radmenu Plugin. Früher habe ich die im Anschluss an den gezielten Artikel drehen/bewegen sich entlang des Kreises zu machen mehr als einmal, weil die Art und Weise der radmenu implementiert ist, es Elemente bewegt sich nur einmal pro Klick/Veranstaltung:

$('#radial_container').radmenu("next").radmenu("next"); 

aber dies ist der Punkt, wo ich stecken geblieben, weil ich keine Option sehe, eine Callback-Funktion zu verwenden, sobald die Animation beendet ist (zuletzt .radmenu("next")). Es gibt die Option "afterAnimation" des Plugins, aber es war nicht sinnvoll, weil es nach jedem .radmenu("next") - also zu oft - ausgelöst wird. Ich habe auch versucht mit jQuerys queue() und dequeue() zu arbeiten, hatte aber kein Glück.

Ich würde es sehr schätzen, wenn ich Hilfe bekommen kann, wie man dieses Problem löst oder mich in die richtige Richtung zeigt, wo ich hinschauen sollte. In den letzten Tagen habe ich ziemlich viel Zeit damit verbracht, nach ähnlichen Menüs zu suchen, konnte aber nichts Ähnliches finden, was ich tun möchte, da es keine extrem exotische Idee ist. Vielen Dank!

Bearbeiten: Link zur Menüerklärung hinzugefügt.

+0

hey, könnten Sie ein Beispiel angeben, an dem Sie gearbeitet haben: js, html und/oder setzen Sie es z. http://jsfiddle.net/ –

+0

Ja natürlich, ich hätte darüber nachdenken sollen, wenn ich meine Frage stelle: http://goo.gl/sBjS1 – Bay

+0

Fragen Sie, wie man nachfolgende Klicks auf 3'o Uhr dreht , wie wird der Tooltip beim Hover angezeigt, oder was? – mVChr

Antwort

2

Meine vorherige Antwort wurde gelöscht, was mich ein wenig verärgerte.

Macht nichts.

ich glaube, die Lösung, die Sie benötigen könnte wie folgt sein:

onSelect: function($selected){ // show what is returned 
    var i=0; 
    while (i<= $selected.index()) 
    { 
     jQuery("#radial_container").radmenu("next"); 
     i++; 
    } 
    }, 

Dann einfach Ihre Mathematik anpassen, wenn erforderlich, um sicherzustellen, dass das Ziel richtig ist. Wenn Sie schlauer sein wollen, können Sie sagen, dass wenn der Index weniger als die Hälfte des Kreises ist, wählen Sie prev statt next.

Ich hoffe, das hilft Ihnen aus. Es funktioniert gut für mich.