2011-09-05 88 views
4

我正在尋找一些插件或巧妙的編程技術的組合,這將允許我在jQuery中有一個上下文樣式的菜單,而不是從右鍵單擊實際觸發它,我希望能夠通過一個可能移動到我窗口上不同位置的按鈕來觸發它。我可以輕鬆處理按鈕本身的一部分。我的要求是:jquery UI簡單的上下文菜單,可從按鈕調用

  • 它應該是與jQuery UI 1.8和我的自定義的ThemeRoller生成的主題
  • 它需要重新定位的
  • 我要麼需要有它執行的回調兼容當選擇一個元素,還是有它履行任何a標籤組成的菜單元素

我看着Selectmenu和它靠近的href,但它似乎要始終顯示當前選擇的項目,這是不退出我想要什麼。此外,我不得不用一種醜陋的方式繞過它,使其正確地重新定位。

This blog post也非常接近,但jsEvent.clientX和jsEvent.clientY不把對話框放在正確的位置,我有點卡住瞭如何做。另外,我並不是真的希望選項是按鈕。 menu-ish插件讓它們看起來不錯。

This plugin here幾乎正是我想要的(我不得不添加關於按鈕的位,但它看起來不太難)。但是這需要jQuery UI 1.9。

有什麼想法?這可能是這樣一個罕見的要求,我必須推出自己的,但不知何故,這似乎令人驚訝,我覺得我可能會錯過一些東西。

回答

2

The menu plugin你提到的最後似乎與jQuery UI 1.8.x,但不是jQuery UI 1.7.x工作正常。

+0

我看到了這個插件,但是它的API似乎並沒有與[文檔]中提供的內容保持一致(http://docs.jquery.com/UI /菜單) - 請參閱http://jsfiddle.net/xxGUW/4/,它也似乎沒有「需要時觸發的不同位置打開」功能。 – Dan

+0

你是對的...... -/ –

+0

那麼,最終,我能夠在1.8版本中獲得「隱藏」菜單插件,這對我來說或多或少地起作用。因爲這是答案建議,我會接受它。本質上,我的錯誤是試圖將它移動到DOM中,只需要「position()」的明智應用即可。 – Dan

4

我喜歡這個插件。它似乎比jQueryUI-contextmenu更兼容。 是jQueryUI的,實際上文本菜單 jQuery-contextMenu

的一個分支,我喜歡它,因爲它有更多的例子,它說,只使用內存中的一個腳印,因此相較於其他消耗更少的資源。使用+ jquery 1.6並且不一定需要html標記,