2009-02-07 5 views
1

Je rencontre des problèmes avec l'effet droppable dans jquery 1.3.1 (interface utilisateur version 1.5.3). Pour autant que je sache, tout fonctionne parfaitement, sauf que la fonction drop() n'est pas appelée. Je peux dire que la cible droppable accepte l'élément en train d'être déplacé (via la classe des vignettes), mais l'élément déplaçable ne tombera pas. Merci d'avance pour votre aide!Problème de glisser/déposer de jquery: la fonction drop() n'est jamais appelée

<html> 
<head> 
<script type="text/javascript" language="javascript" src="/jquery/jquery.js"></script> 
<script type="text/javascript" language="javascript" src="/jquery/jquery.ui.js"></script> 
<script type="text/javascript" language="javascript"> 
//<!-- 
    $(document).ready(function() { 
     $('.drop_box').droppable({ 
      accept: '.thumbnail', 
      activeClass: 'droppable-active', 
      hoverClass: 'droppable-hover', 
      drop: function (ev, ui) { 
       alert("Dropped!"); 
      } 
     }); 

     $('#sample_thumbnail').draggable({ 
      helper: 'clone' 
     }); 
    }); 
//--> 
</script> 
<style type="text/css"> 
    .drop_box { 
     top:16px; 
     width:250px; 
     height:250px; 
     border:1px solid #000000; 
     float: right; 
    } 
    .droppable-hover { 
     background-color: #eeeeee; 
     border: 1px solid red; 
    } 
    .droppable-active { 
     background-color: orange; 
     color: white; 
     border: 1px solid blue; 
    } 
    .thumbnail { 
     width:100px; 
     height:100px; 
     border:1px solid green; 
    } 
</style> 
</head> 
<body> 
<div class="drop_box">droppable</div> 
<div id="sample_thumbnail" class="thumbnail">draggable</div> 
</body> 
</html> 
+0

merci! J'ai installé l'interface utilisateur 1.6rc6 et cela fonctionne comme un charme. – matt

Répondre

2

"jquery 1.3.1 (version 1.5.3 UI)"

Vous ne devriez pas utiliser cette paire de versions. JQuery 1.3.x n'est pas compatible avec la série UI 1.5.x, et nécessite les candidats à la version 1.6. Les versions candidates à la publication sont assez stables si vous souhaitez simplement utiliser la fonctionnalité glisser-déposer; Je ne serais pas concerné du tout pour les utiliser dans la production. Je n'utilise que le glisser-déposer, donc je ne peux pas commenter la stabilité du reste de la branche 1.6 de l'interface utilisateur.

0

Je n'ai aucun problème avec votre code sur Mac/Safari ou Mac/Firefox en utilisant jQuery 1.2.6 et jQuery UI 1.5.3. Je pense que votre problème est avec des versions incompatibles.

Questions connexes