鼠标右键上下文菜单配置js代码插件

JS代码

<script src=\"bootstrap/js/bootstrap.min.js\"></script>
<script src=\'js/class2context.js\'></script>
<script type=\"text/javascript\">
	array=[[\"<img src=\'img/iMac-icon.png\' width=\'25px\' /> A1\", \"function1()\"], [\"<img src=\'img/Autodesk-Alias-Design-icon.png\' width=\'25px\' /> A2\",\"function2()\"]];
	class2context(\'class1\', \"titleA\", array);
	class2context(\'class3\', \"titleC\", [[\"<img src=\'img/123D-Design-icon.png\' width=\'25px\' /> C1\", \"function1()\"], [\"<img src=\'img/Actions-draw-brush-icon.png\' width=\'25px\' /> C3\",\"function3()\"]]);
	class2context(\'class2\', \"titleB\", [[\"<img src=\'img/3d-material-drop-tool-icon.png\' width=\'25px\' /> B2\", \"function2()\"], [\"<img src=\'img/Design-Briefs-icon.png\' width=\'25px\' /> B3\",\"function3()\"]]);

	class2context(\"classHeader\", \"titleTableMenu\", [[\"header function 1\", \"function1()\"], [\"header function 2\", \"function2()\"]]);

	class2context(\'class4\',\"title\",[[\"option1\", \"function1()\"], [\"option 2\",\"function2()\"]]);
	class2context(\'mainimg\', \"Image context menu\", [[\"<img src=\'img/123D-Design-icon.png\' width=\'25px\' /> C1\", \"function1()\"], [\"<img src=\'img/Actions-draw-brush-icon.png\' width=\'25px\' /> C3\",\"function3()\"]]);

	class2context(\'classSub2\', \"sub element context inside other element\", [[\"<img src=\'img/123D-Design-icon.png\' width=\'25px\' /> C1\", \"function1()\"]]);

	function function1(){
		alert(\"function 1 clicked\");
	}
	function function2(){
		alert(\"function 2 clicked\");
	}
	function function3(){
		alert(\"function 3 clicked\");
	}
	function ContextMenus(){
		console.log(\"context menu called\");
	}
	$(document).ready(function(){
		$(\'[data-toggle=\"tooltip\"]\').tooltip();
	});
</script>