JQuery sortierbarer Drag und Drop, das nicht den Cursor "Bewegung" zeigtCSS

CSS verstehen
Anonymous
 JQuery sortierbarer Drag und Drop, das nicht den Cursor "Bewegung" zeigt

Post by Anonymous »

Ich benutze diese .sortierbare Funktion auf meiner Liste. Mein Problem ist, dass ich möchte, dass es den Move Cursor zeigt, wenn der Drag & Drop verwendet wird, und der Zeiger -Cursor nur bei Schwebungen. Ich habe mein CSS den Cursor: Zeiger auf Schwebede, aber es scheint den Move Cursor überhaupt nicht zu zeigen. Alles andere funktioniert gut. Code unten. < /P>






[*]


$(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.

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post