jQuery in Action
312
CHAPTER 9
Prominent, powerful, and practical plugins
Enable, and Reset buttons serve functions similar to their counterparts in the
Draggables Lab.
Draggables Lab.
In the Test Subjects Pane are six draggable elements and an element (which
we'll call the Drop Zone) that will become droppable after clicking the Apply but-
ton. Below the Drop Zone are grayed-out text elements that read Activate, Over,
Out, Drop, and Deactivate. When a corresponding droppable callback (added to
the droppable behind the scenes by the lab) is invoked, the appropriate text
element, which we'll refer to as a callback indicator, is momentarily highlighted to
indicate that the callback has fired.
ton. Below the Drop Zone are grayed-out text elements that read Activate, Over,
Out, Drop, and Deactivate. When a corresponding droppable callback (added to
the droppable behind the scenes by the lab) is invoked, the appropriate text
element, which we'll refer to as a callback indicator, is momentarily highlighted to
indicate that the callback has fired.
Figure 9.12 The UI Droppables Lab lets us examine the effect of the various options on
drag-and-drop operations.
drag-and-drop operations.