2011-04-03 25 views
0

我創建了一個web應用程序,當用戶右鍵單擊並遇到this我非常喜歡的一個需要上下文菜單。我有一個問題,當我給兩個不同的菜單分配兩個div元素時,兩個菜單都出現相同的菜單。例如,下面的代碼創建兩個div元素,將它們放到頁面上,然後爲每個元素分配一個單獨的上下文菜單。一個Javascript上下文菜單?

this.leftDiv = document.createElement("div"); 
this.leftDiv.id = "Left_DIV"; 
document.body.appendChild(this.leftDiv); 
$("#" + this.leftDiv.id).contextmenu(left_Options); 
......... 
this.rightDiv = document.createElement("div"); 
this.rightDiv.id = "Right_DIV"; 
document.body.appendChild(this.rightDiv); 
$("#" + this.rightDiv.id).contextmenu(right_Options); 

現在,當應用程序在瀏覽器中加載後,雙方的div的有left_Options菜單系統。

任何人都可以推薦一個好用的JavaScript上下文菜單,易於使用?

乾杯。

+0

left_options和right_options有什麼? – Khez 2011-04-03 22:51:11

+0

我發現了這個問題的一個重複:http://stackoverflow.com/questions/1652456/context-menu-javascript?lq=1 – 2012-12-14 21:04:09

回答

2

根據您鏈接到的網站,看起來好像有一組選項適用於'div'元素的全部。它假設您想要爲所有上下文菜單提供相似的選項。

爲了定製每個單獨的菜單,您添加了一個'onShow'選項,可以運行一個功能啓用/禁用某些項目。我不確定這對於完全不同的菜單有多靈活。

一個快速搜索出現了這個:http://www.trendskitchens.co.nz/jquery/contextmenu/它聲稱支持單個頁面上的多個菜單,所以也許這就是你要找的。我沒有用過它。

+0

如果你只是想使用div作爲上下文菜單,請看這裏:http:/ /stackoverflow.com/questions/4495626/making-custom-right-click-context-menus-for-my-web-app/4502207#4502207 – 2012-12-14 21:03:25