Ce que j’essaye de faire

J’utilise jQuery-ui pour sortinger un certain nombre de sections de HTML. Jusqu’à présent, les articles sont sortingables. Je souhaite désactiver le sorting pour deux div et conserver la fonctionnalité de sorting sur les autres.

Je travaille au sein d’un CMS qui a déjà déclaré ces sections sortingables. Ce que j’essaie de faire est de forcer les éléments avec une classe de "not-sortable" à ne pas être sortingables.

Exemple simplifié

HTML

 
 
Not sortable section
 
Not sortable section
 
Sortable section
 
Sortable section
  

JQUERY

 jQuery(function($) { $("#normal-sortables").sortable({ cancel:".not-sortable" }); }); 

Cela empêche les éléments “non sortingables” d’être déplacés, mais si vous déplacez les frères et soeurs au-dessus de ces sections, ils se déplacent toujours et leur ordre est modifié.

• des moyens simples et rapides pour récupérer des variables de session en utilisant Javascript ou jQuery?
• détecter la taille du navigateur et appliquer le css à chaque résolution
• nombre de lignes ne fonctionne pas correctement lorsque je supprime la ligne dans append une ligne javascript
• supprimer qui a & nbsp; et faire en-tête
• Animation des divisions les plus proches de l’élément non valide lors de la soumission du formulaire

J’ai trouvé cette question 13885665

Alors, j’ai changé ma solution ci-dessus pour

 $( "#normal-sortables" ).sortable({ items : ':not(.not-sortable)' }); 

Cela a désactivé tous les articles.

Je n’ai pas l’expérience de jQuery, j’ai trouvé des solutions beaucoup plus complexes à mon problème, mais j’aimerais comprendre pourquoi ce qui précède ne fonctionne pas et garder les choses simples, si possible.

Il semble que je manque quelque chose d’évident.

METTRE À JOUR

Le code ci-dessus fonctionne, mais ma situation est plus compliquée. J’ai donc posté une nouvelle question plus précise ici

Je garderai ce message à jour avec les résultats aussi pour garder les choses liées.

• DIV flottante pour remplir l’espace inutilisé
• utiliser window.getSelection obtenir la ligne de texte sélectionnée ou positionnée par un curseur à partir de textarea
• Désactiver une valeur d’option dans la balise select ne fonctionnant pas dans IE6Ha
• Insérer un bloc HTML après un commentaire HTML spécifique
• comment charger l’en-tête et le pied de page avant le contenu à l’aide de jquery.load ()

 jQuery(function($) { $(".normal-sortables").sortable({ items: ":not(.not-sortable)" }); $('.normal-sortables').disableSelection(); // added for example only }); 

 .normal-sortables div { border: 1px solid red; margin: 10px; } 

   
 
Not sortable section
 
Not sortable section
 
Sortable section
 
Sortable section