Je joue avec des listes de tri avec JQuery Ui et je suis incertain de la manière de régler temporairement l'élément qui est traîné sur quelque chose qui est générique lors de la glissant pour trier.
Si les éléments que vous triez sont très importants. , il devient gênant de faire glisser un grand élément. Il serait plus facile de voir si vous étiez plutôt en train de faire glisser une sorte de texte qui indiquait «élément de la liste» plus petit. P>
exemple de code: HTML: P>
$(document).ready(function () {
$(".sortableList").sortable({
revert: true,
placeholder: 'sortable-placeholder',
});
});
3 Réponses :
.sortable-placeholder {
height: 100px;
width: 100%;
background-color: grey;
}
Si je faisais glisser l'article 1, je veux que cela soit un petit élément qui est traîné. Pas le coiffage de l'emplacement qu'il va être abandonné. Je me rends compte que j'ai utilisé le mot espace porteur ici dans deux significations différentes
Voir si cela aide, ajoutez Ajout d'ajouter une nouvelle classe pour rendre l'élément petit lorsque vous faites glisser et lorsque vous avez terminé, supprimez cette classe
jsfiddle ici aussi, par exemple https://jsfiddle.net/cfw5j1nz/
La réponse est de définir une fonction pour JS: P> assistant code> et idéalement pour l'utiliser en conjonction avec un espace réservé. .large-box
{
height:100px;
}
.helper
{
font-weight:bold;
color:#333;
vertical-align:middle;
}
.sortable-placeholder
{
height: 25px;
width: 100%;
background-color: yellow;
}