Tenho uma tabela e estou tentando criar um menu de ação ao clicar botão direito em cada row da tabela.
Está funcionando parcialmente o problema que não consigo fazer o script selecionar o menu de contexto para cada linha ele está pegando sempre o último.
Criei um fiddle para facilitar os testes do script e vou postar o código abaixo também:
<style type="text/css">
.skills {
background: #A6A6A5;
padding: 20px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("table").contextmenu({
delegate: "tbody tr",
menu: ".table tbody tr .skills:first-child"
});
});
</script>
<h1>Shao Kan Game World</h1>
<!-- Os dados na tabela são ficticios e nao tem intencao de insultar os personagens -->
<table class="table table-bordered table-hover table-striped" style="width: 500px; margin: 0 auto;">
<thead>
<tr>
<th>Personagem</th>
<th>Poder</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>Luke</td>
<td>Espadinha</td>
<td class="skills">
<ul class="skills" style="display: none; z-index: 4000;">
<li>SABRE DE LUZ</li>
</ul>
</td>
</tr>
<tr>
<td>Robocop</td>
<td>Metralhadora</td>
<td class="skills">
<ul class="skills" style="display: none; z-index: 4000;">
<li>BAZUCAAAA</li>
</ul>
</td>
</tr>
</tbody>
</table>
O que preciso é ao clicar sobre o Robocop
ele exibir a UL que contém Bazuca
e ao clicar sobre o Luke
ele exibir o Sabre de Luz
.