Simple Jquery Question

Question

HI là ... Im essayant de créer un simple Jquery au sein de Droppable. La page fonctionne et me permet de déposer une vidéo sur la zone droppable sélectionnée (div class = "roundedVideoDrop"), mais je veux empêcher l'utilisateur de pouvoir laisser tomber plus d'une vidéo dans chaque div, qui a été créé.

Mon code pour cela est:

$("div.roundedVideoDrop").droppable({ 
      activeClass: 'highlight', 
      hoverClass: 'highlight-accept', 
      drop: function(event, ui){ 
       if $(this).sibling('video').count() == 0 { 
        return true; 
       } else { 
        return false; 
       } 

Que im essaie de faire est de vérifier et voir s'il y a un autre frère (c.-à une autre dans le) s'il est alors la vidéo en cours de déplacement ne peut pas être tombé dans le, sinon c'est autorisé.

Cela ne fonctionnera pas, en fait relance une erreur d'analyse dans Safari et j'ai essayé toute la matinée pour le faire fonctionner mais pas de chance. Quelqu'un pourrait-il me dire la bonne façon de le faire?

Merci beaucoup

Answer 1

Essayez $(this).sibling('video').size() au lieu de $(this).sibling('video').count()

Answer 2

Vous devez utiliser les enfants non frères et sœurs si vous êtes à la recherche dans la zone de chute actuelle

$("div.roundedVideoDrop").droppable({ 
      activeClass: 'highlight', 
      hoverClass: 'highlight-accept', 
      drop: function(event, ui){ 
       return !$(this).children('video').length; 
      }