static PreventPropagation() { jQuery.OnDocumentReady(delegate() { jQuery.Select("#draggablePreventPropagation") .Plugin<DraggableObject>() .Draggable(); DroppableEventHandler drop = new DroppableEventHandler(delegate(jQueryEvent e, DroppableEventData ui) { jQuery.This .AddClass("ui-state-highlight") .Find("> p") .Html("Dropped!"); }); jQuery.Select("#droppablePreventPropagation1, #droppablePreventPropagation1-inner") .Plugin<DroppableObject>() .Droppable(new DroppableOptions( "activeClass", "ui-state-hover" , "hoverClass", "ui-state-active" , "drop", drop)); jQuery.Select("#droppablePreventPropagation2, #droppablePreventPropagation2-inner") .Plugin<DroppableObject>() .Droppable(new DroppableOptions("activeClass", "ui-state-hover" , "hoverClass", "ui-state-active" , "greedy", true , "drop", drop)); }); }
static VisualFeedback() { jQuery.OnDocumentReady(delegate() { jQuery.Select("#draggableVisualFeedback1, #draggableVisualFeedback2") .Plugin<DraggableObject>() .Draggable(); DroppableEventHandler drop = new DroppableEventHandler(delegate(jQueryEvent e, DroppableEventData ui) { jQuery.This .AddClass("ui-state-highlight") .Find("p") .Html("Dropped!"); }); jQuery.Select("#droppableVisualFeedback1") .Plugin<DroppableObject>() .Droppable(new DroppableOptions("hoverClass", "ui-state-active" , "drop", drop)); jQuery.Select("#droppableVisualFeedback2") .Plugin<DroppableObject>() .Droppable(new DroppableOptions("accept", "#draggableVisualFeedback2" , "activeClass", "ui-state-hover" , "drop", drop)); }); }