【JQuery】「jquery-contextmenu」プラグインで右クリックメニューを動的に生成して表示する

Javascript, 開発

おはようございます。

昨日に引き続き「jquery-contextmenu」プラグインのお話し。

今回はクリックされた要素によってメニューを切り替えるため、動的に生成する方法を試してみました。

プログラムは前回のものを流用しますが、
あまり変更箇所がないためそのまま全体を載せます。

【JQuery】「jquery-contextmenu」プラグインで右クリックメニューを表示する

スポンサーリンク

プログラム

css

css/style.css

テーブル、表示されるコンテキストメニュー用のスタイルを定義。

HTML

sample.html

単純なテーブルを用意。

Javascript

js/script.js

「build」オプションを利用して、右クリック時に動的にメニューを生成するように変更しました。

起動してみる

初期表示
初期表示
1-1を右クリック
1-1を右クリック
1-2を右クリック
1-2を右クリック
メニューの選択
メニューの選択

1-2とそれ以外で表示されるメニューを変更することができました。

まとめ

今回は要素のIDを利用して判別しましたが、JQueryのセレクタを利用すればもっと柔軟なことができそうですね。

コンテキストメニューはひとまずここまでの予定です。

何かのお役に立てれば。

ではでは。

 

スポンサーリンク


関連するコンテンツ