Bonjour,
je désirerais intégrer ce plugin a mon projet.
Malgres la même architecture DOM je n'arrive pas à le faire fonctionner correctement.
L'exemple fonctionne sur ce DOM :
Appel du plugin :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <div id="myList"> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> <li>Item 6</li> </ul> </div>
Mon DOM :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 $("#myList UL LI").contextMenu({ menu: 'myMenu' }, function(action, el, pos) { alert( 'Action: ' + action + '\n\n' + 'Element text: ' + $(el).text() + '\n\n' + 'X: ' + pos.x + ' Y: ' + pos.y + ' (relative to element)\n\n' + 'X: ' + pos.docX + ' Y: ' + pos.docY+ ' (relative to document)' ); });
Mon appel :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <div id="browserServ" class="browserServ"> <ul class="jqueryFileTree" style=""> <li class="directory collapsed">dossier1</li> <li class="directory collapsed">dossier2</li> <li class="directory collapsed">dossier3</li> <li class="directory collapsed">dossier4</li> </ul> </div>
Cependant, lorsque mon appel contient le UL LI, le plugin ne s'active pas mais si mon appel ne contien que l'id de ma div ( $("#browserServ).contextMenu(...); ) le plugin s'active bien mais je n'ai pas accès a l'ID de l’élément sur lequel j'ai cliqué .
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 $("#browserServ UL LI ").contextMenu({ menu: "myMenu" }, function(action, el, pos) { alert( "Action: " + action + "\n\n" + "Element ID: " + $(el).attr("id") + "\n\n" + "X: " + pos.x + " Y: " + pos.y + " (relative to element)\n\n" + "X: " + pos.docX + " Y: " + pos.docY+ " (relative to document)" ); });
J'ai essayé d'être le plus clair possible ( même si ce post me semble pas clair du tout ! ^^ )
merci d'avance pour votre aide.
Partager