Guide d'utilisation du plug-in du menu contextuel JQuery ContextMenu_jquery

 
 
 
 
 
 
 
    右键点此
 

---

---

---

---

---

   
    
   
    

<script><br> //Toutes les balises span avec la classe demo1 seront liées à ce menu contextuel <br> $('span.demo1').contextMenu('myMenu1', <br> {<br> fixations : <br>               {<br>               'ouvrir' : fonction(t) {<br> alert('Le déclencheur était ' t.id 'nAction était ouvert');<br>             },<br>              'e-mail' : fonction(t) {<br> alert('Le déclencheur était ' t.id 'nAction était Email');<br>             },<br>              'enregistrer' : fonction(t) {<br> alert('Le déclencheur était ' t.id 'nAction était Enregistré');<br>             },<br>              'supprimer' : fonction(t) {<br> alert('Le déclencheur était ' t.id 'nAction était Supprimer');<br>             }<br>           }<br> });<br> //Tous les éléments html avec l'ID demo2 sont liés à ce menu contextuel <br> $('#demo2').contextMenu('monMenu2', {<br> //Style de menu<br> Style de menu : {<br>          bordure : '2px solid #000'<br> },<br> //Style d'élément de menu<br> Style d'article : {<br>          fontFamily : 'verdana',<br> Couleur d'arrière-plan : 'vert',<br>         couleur : 'blanc',<br>          bordure : 'aucune',<br>          remplissage : '1px'<br> },<br> //Style de survol de l'élément de menu<br> itemHoverStyle : {<br>         couleur : 'bleu',<br> Couleur d'arrière-plan : 'rouge',<br>          bordure : 'aucune'<br> },<br> //Événements <br> Reliures : <br>               {<br>               'item_1' : fonction(t) {<br> alert('Le déclencheur était ' t.id 'nAction était item_1');<br>             },<br>              'item_2' : fonction(t) {<br> alert('Le déclencheur était ' t.id 'nAction était item_2');<br>             },<br> 'item_3' : fonction(t) {<br> alert('Le déclencheur était ' t.id 'nAction était item_3');<br>             },<br>              'item_4' : fonction(t) {<br> alert('Le déclencheur était ' t.id 'nAction était item_4');<br>             }<br>           }<br> });<br> //Toutes les balises div avec la classe demo3 sont liées à ce menu contextuel <br> $('div.demo3').contextMenu('myMenu3', {<br> //Réécrire les événements onContextMenu et onShowMenu<br> onContextMenu : fonction(e) {<br> Si ($(e.target).attr('id') == 'dontShow') renvoie false ;<br>          else return true ;<br> },<br> onShowMenu : fonction(e, menu) {<br>Si ($(e.target).attr('id') == 'showOne') {<br>               $('#item_2, #item_3', menu).remove();<br> ><br>          retour au menu ;<br> ><br> });<br> </script>