I'm trying to combine the lovely couple of JQueryUI's draggable and selectable ;)
What I'm trying to do:
- Divs could be selected using click. That would be displayed by applying... maybe css border/shadow to selected div. Just to highlight it.
- The same divs could be dragged using JQueryUI's draggable.
using a portion of ryan coughlin's code
, I made this code:
Mostly okay. The problem is, The divs could no longer be highlighted (css shadow in this case) using CLICK. only DRAG trigger highlight to the divs. The running sample of ryan coughlin's code
also couldn't be selected (highlighted) using click.
I don't really understand what happen, but it seems that draggable code prevent selectable code from working.