Je suis confronté à un problème particulier avec la combinaison draggable et triable. Le problème a à voir avec un espace réservé ne montrant pas quand un draggable est déplacé sur le sortable et la goutte n'est pas "reconnu". Ce comportement se produit lorsque la taille ul hs NON classable est définie dans css.JQuery Draggable et Sortable placeholder
Lorsque je définis une hauteur fixe dans css pour le #SortablePhotoList, l'espace réservé est affiché et tout fonctionne comme prévu.
L'importante css:
#SortablePhotoList { list-style-type: none; margin: 2px; padding: 0px; width: 858px; }
.Thumbnail { cursor: hand; width: 136px; height: 102px; float: left; margin: 0 5px 5px 0; position: relative; border: 1px #717171 solid; }
.ThumbnailPlaceholder { width: 136px; height: 102px; float: left; margin: 0 5px 5px 0; border: 1px #000 dotted; }
Le javascript important:
$("#SortablePhotoList").sortable({
revert: true,
placeholder: 'ThumbnailPlaceholder',
tolerance: 'pointer',
revert: 50,
distance: 5,
items: 'li:not(.Upload)',
stop: function (event, ui) {
//Do stuff with the sorted thumbnail
},
receive: function (event, ui) {
//Accept the dragged item and change it's appearance a bit
var item = $('#SortablePhotoList li.NewlyAdded');
$(".ImageRemove", item).show();
$(".PhotoSelector", item).show();
item.removeClass('NewlyAdded');
}
});
je pouvais ofcourse jouer avec le réglage par programmation la hauteur du #SortablePhotoList pour créer une solution à ce problème, mais je Je préfère ne pas aller aussi loin.
La question est, quel pourrait être le problème de ne pas afficher l'espace réservé lorsqu'aucune hauteur n'est spécifiée pour le conteneur.
Ragards, avsomeren