[*]
$(document).ready(function()
{
$("#sortable").sortable({
/*helper: 'clone', Tried this =(*/
distance: 5,
delay: 300,
opacity: 0.6,
cursor: 'move',
update: function() {}
});
});
- Item 1
- Item 2
- Item 3
< /code>
Separates CSS -DOC enthält: < /p>
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.1em; line-height: 18px; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }
/* HERE'S THE IMPORTANT STUFF! */
#sortable li:hover {
cursor: pointer;
}
#sortable li.ui-sortable-helper {
cursor: move;
}
< /code>
Jede Hilfe wäre sehr geschätzt. Dank im Voraus. =) < /p>
Vielleicht ein wenig mehr Informationen. Es ist eine DB -DB -Liste aus einer Weile. Jedes Listenelement ist ein Link, daher möchte ich, dass es die Option {Cursor: Zeiger;} angezeigt wird. Aber wenn es gezogen wird, muss ich den {Cursor: Move;} anzeigen. Ich hätte gedacht, dass der obige Code es tun würde, aber es funktioniert nicht. Ich habe mich mit dem ersten Beitrag verwechselt, also dachte ich, ich würde dies ein bisschen besser klären.