Как вытащить значение атрибута rel у class="user" ?
А то что бы работало пришлось добавить id.
Мануал плагина: http://www.trendskitchens.co.nz/jquery/contextmenu/
вот код и ссылка на него: http://js.do/code/58648
<table cellpadding="0" cellspacing="1" bgcolor="#C0C0C0">
<tr height="18px" bgcolor="#FFFFFF">
<td width="20px" class="user" rel="14*1.0" id="14*1.0"></td>
<td width="20px" class="user" style="opacity: 0.5;" rel="14*1.5" id="14*1.5"></td>
<td width="20px" class="user" rel="14*2.0" id="14*2.0"></td>
<td width="20px" class="user" style="opacity: 0.5;" rel="14*2.5" id="14*2.5"></td>
<td width="20px" class="user" rel="14*3.0" id="14*3.0"></td>
</tr>
<table>
<div class="contextMenu" id="drop_menu">
<ul style="width:150px;">
<li id="setting" class="drop_click" rel="0">Отменить</li>
<li id="setting" class="drop_click" rel="1">1</li>
<li id="setting" class="drop_click" rel="2">2</li>
</ul>
</div>
<div id="result"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$.contextMenu.defaults({
menuStyle : {
width : "150px"
},
shadow: false,
});
var drop_click = '';
$('.drop_click').click( function() {
drop_click = $(this).attr('rel');
});
$('.user').contextMenu('drop_menu', {
bindings: {
'setting': function(t) {
var user1 = $(t).find('td').attr('rel');
var user2 = t.id;
$('#result').text(user1 +', drop_click='+ drop_click +', id='+ user2 );
},
}
});
});
</script>