0

when you mousedown the outlined word, a little context menu drops. drag over the choice you want then release. in the current config, it acts as if user made no choice. if i change the droppable from #del to #target, then it works but obviously you can't choose tht way.

$(function() {
    $('#word').mousedown(function(ev, ui) {
        $("#target").slideDown(100);
    });    
    $('#word').mouseup(function(ev, ui) {
        $("#target").slideUp(100);
    });    
    $('#word').draggable({
        axis: 'y',
        containment: 'parent',
        revert: true, revertDuration: 100,
        stop: function() {
            $("#target").slideUp(100);
        }
    });
    $('#del').droppable({
        activeClass: 'over',
        drop: function() {
            var vote = alert("Delete action goes here");
        }
    });
});​

take a look at the fiddle: http://jsfiddle.net/monsto/PF3ty/7/

What am i missing?

Sampson
  • 265,109
  • 74
  • 539
  • 565
monsto
  • 1,178
  • 1
  • 13
  • 26

1 Answers1

-1

figured it out...

Put simply, the draggable stop parameter impedes droppable drop. It works after removing the stop definition and putting those actions in the in the drop definition.

monsto
  • 1,178
  • 1
  • 13
  • 26