2010-11-24 5 views
2

Je veux utiliser Jquery UI Sortable pour implémenter glisser-déposer et affichage triable. En outre, je veux juste utiliser une zone spécifique (en-tête) pour glisser-déposer. Exemple:Question sur Jquery UI Sortable, Option Handle

$(".selector").sortable({ handle: 'h2' }); 

L'option « poignée » limite commencer un tri, cliquer sur l'élément spécifié.

exemple de code ici, http://jsfiddle.net/dodoflying/9BkJ5/

Le problème est, quand je me suis déplacé sur « h2 », je veux voir montrer cela peut faire glisser un peu « main », je suppose que cela pourrait Recourir directement Jquery. Aucune suggestion? Merci d'avance!

Répondre

2
$("h2").css("cursor", "pointer"); // Hand cursor 
$("h2").css("cursor", "move");  // Directional cursor. 

Une mise à jour de votre jsFiddle: http://jsfiddle.net/g105b/9BkJ5/15/

+0

Greg, merci pour votre réponse rapide. Bon Thanksgiving! –

0

Il est une vieille question, mais la réponse fournie est incomplète. L'OP voulait également restreindre le glisser & cliquer sur le début d'une zone spécifique. Cela peut être fait en utilisant handle:".portlet-header", comme l'OP a suggéré lui-même. Donc, en mettant à jour le JSfiddle donné par Greg, il devient comme ceci: link to jsfiddle

Questions connexes