jQuery Sortable + Droppable z-index problème

Je vais avoir un problème avec le z-index de mon sortable objet n'étant pas au-dessus de ma droppable.

  • Si vous visitez http://clareshilland.unknowndomain.co.uk/.
  • Appuyez sur Ctrl + L pour afficher l'écran de connexion.
  • Entrez le nom d'utilisateur clare et le mot de passe shilland.
  • Il se charge alors dans la barre d'administrateur et si vous cliquez sur manage gallery.
  • Un menu en bas de vignette de vue apparaîtra avec toutes les photos de cette galerie.

Le problème est que lorsque vous faites glisser le "polaroïds" de la grille de la suppression de la zone ils sont, en vertu de la suppression de la zone.

J'ai essayé de mettre le supprimer de la zone à l'intérieur de la même div que la grille, mais il ne fait aucune différence, je ne sais pas quoi faire à ce stade, de sorte que toute aide serait un énorme aider!

OriginalL'auteur unknowndomain | 2010-04-18

  1. 25

    Essayez les options suivantes pour votre .sortable() :

    {
  helper: 'clone',
  appendTo: 'body',
  zIndex: 10000 //or greater than any other relative/absolute/fixed elements and droppables
}
    +1 je trouve que l'ajout de cette à la sortable fonctionne, mais vous devez appendTo: 'body', comme c'est déjà le cas dans le script.
    jamais regardé le code. Peut pas penser à une raison appendTo: 'document.body' de ne pas travailler trop.
    Je ne peux pas penser à une raison, mais elle a provoqué un jQuery erreur pour moi.
    Merci pour cela, c'était exactement ce dont j'avais besoin!
    C'est juste parce que votre assistant devient un enfant direct de corps, il ne correspond pas à des règles css utilisé pour le style de la sortable articles.

    OriginalL'auteur Zlatev

  2. 1

    En fait, il semble que le problème est une combinaison de z-index et le débordement (je l'ai enlevé). Si vous changez de vue galerie CSS pour cela, il fonctionne

    #galleryView {
 background: white;
 bottom: 85px;
 left: 0;
 position: fixed;
 right: 0;
 top: 147px;
 z-index: 1000;
}

    Vous pourriez avoir d'autres images de la galerie que faites défiler vers la droite et non vers le bas.

    retrait du dépassement de moyens il l'habitude de défiler vers le bas. j'avais pense que c'est important. et le z-index de se débarrasser de l'ombre, pas aussi important, mais il perd de son effet.
    Il est très difficile de tester votre code, car je ne peux pas il suffit d'enregistrer la page et déconner avec ça... juste vous faire savoir.
    Ouais, si je retire le débordement puis il n'y a pas de capacité à permettre le défilement et parfois il peut être de 50 à 100 images dans la vue. @fudgey merci pour les commentaires, je ne sais pas de meilleure façon de le présenter comme sa tous ajax y je pourrais peut-être suggérer à l'aide de firebug mais je ne pense pas qu'il serait vraiment bénéfique dans ce cas autres que d'utiliser la console.

    OriginalL'auteur Mottie

  3. 0

    Je ne pense pas que ses un z-index de problème, je pense que le problème est que lorsque vous déplacez le li sur la suppression de la région, de son être coupé, car son à l'extérieur de son parent ol. Je voudrais essayer de déplacer le li à l'ol c'est à l'intérieur de la suppression de la zone dès que vous mouseover (utiliser le droppable.over événement,) qui pourrait lui permettre de s'afficher correctement.

    Je suis d'accord sur ce point, merci, je vais explorer les autres options d'abord, puis l'essayer, Merci.

    OriginalL'auteur Yisroel