2011-01-14 5 views
0

http://goo.gl/zMiYsのjQueryを使用してサークルメニューとjQuery Radmenuプラグイン

こんにちはすべて、私は部分的に上記のメニューを実装するために管理jQueryとjQueryのRadmenuプラグインの助けを借りて(メニューが開き、アイテムは、アイテムが目的地に移動し、表示されます)。私は、ターゲットのアイテムを作るために、以下を使用radmenuが実装されている方法は、それがクリック/イベントごとに一度だけのアイテムを移動するため、複数回の円に沿って移動/回転させる:

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

しかし、これは私のポイントですアニメーションが停止するとコールバック関数を使用するオプションが表示されないため(last .radmenu("next"))、スタックされています。プラグインの "afterAnimation"オプションがありますが、それぞれが.radmenu("next")の後にトリガするため、有用ではありませんでした。私もjQueryのqueue()dequeue()と一緒に作業しようとしましたが、運がありませんでした。

私はこの問題を解決する方法や、私が見なければならない正しい方向に私を指し示すための助けを得ることができれば非常に感謝します。最後の日に、私はかなりの時間を費やして同様のメニューを探しましたが、それは非常にエキゾチックなアイデアではないと考えているのと同様のものは見つかりませんでした。ありがとう!

編集:メニューの説明へのリンクが追加されました。

+0

ねえ、あなたが作業した例を提供することができますか:js、html、および/または例: http://jsfiddle.net/ –

+0

もちろん、私は質問するときにそれについて考えていたはずです: http://goo.gl/sBjS1 – Bay

+0

次のクリックを3時方向に回転させる方法を聞いていますか、ホバー上にツールチップを表示させる方法、または何? – mVChr

答えて

2

私の以前の回答は削除されました。

気にしないでください。

私はあなたが必要とソリューションは、このようなものかもしれないと思う:宛先が正しいことを確認するために必要な場合は、ちょうどあなたの数学を調整

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

。より巧みになりたい場合は、インデックスが円の半分以下であれば、nextの代わりにprevを選択するといいでしょう。

私はこれがあなたを助けてくれることを願っています。それは私のためにうまくいきます。

関連する問題