Jquery sortable drag and drop not showing 'move' cursor

The problem seems to be, that your CSS setting is used across all states.

You can get around this by setting the cursor for "dragging" as well via CSS:

#contentLeft li:hover {
    cursor: pointer;
}

#contentLeft li.ui-sortable-helper{
    cursor: move;
}

Here's an example: http://jsfiddle.net/mWYEH/


Found a less blunt way to do it:

#contentLeft li:not(.ui-sortable-helper) {
    cursor: pointer;
}

For those who are using a handle to start dragging:

.ui-sortable-handle {
    cursor: pointer
}

.ui-sortable-helper .ui-sortable-handle {
    cursor: move
}

Tags:

Css

Jquery