context menu on draggable object [Solved]

[devnull]

I am trying to setup a context menu on a list item which is draggable.

Problem is the mousedown event is triggered in onBeforeDrag before the contextmenu() event and therefore I cannot prevent the drag, and fire the menu;

Code:

  $('ul.ulbar li').on('contextmenu', function(e){
    e.preventDefault();
    e.stopPropagation();
    do something else .....
  });

('ul.ulbar li ').draggable({    
    onBeforeDrag: function(e){
      if(e.type != 'contextmenu') return true;
      e.preventDefault();
      e.stopPropagation();
    }
})

[devnull]

OK, I managed to solve this by using the which attribute:

Code:

('ul.ulbar li ').draggable({    
    onBeforeDrag: function(e){
      if(e.which == 3) return false;
    }
})

This might be useful to others.