scripty (scriptaculous) draggable onEnd pas d'exécution dans Safari

Question

J'ai créé un élément de curseur très iphone-y qui est à la fois restreint horizontalement dans son mouvement global (0-400px et ne se déplace pas verticalement) et "s'enclenche" de chaque côté du 400px "container" quand il a passé la marque 200px et que la traînée est terminée. Cela fonctionne parfaitement dans Firefox. Dans Safari, la fonction onEnd qui positionne l'élément à chaque extrémité de ce conteneur 400px n'est jamais appelée. Quoi de plus, l'élément dragable "colle" au curseur de la souris et je dois recharger la page pour terminer l'animation.

Voici mon code

<div style="width:100px;height: 60px;background-color:#000;z-index:999" id="dragtest" /> 
<script language="JavaScript" type="text/javascript"> 
new Draggable('dragtest', { constraint: 'horizontal', 
    onEnd: function(e, me) { 
     console.debug("!!!") 
     element = e.element 
     x = element.style.left 
     x = x.gsub('px','') 

     if (x >= 200) { 
      $('dragtest').style.left = 400+'px'; 

     } 

     if (x < 200) { 
      $('dragtest').style.left = 0+'px'; 
     } 

     console.debug("Snapping to ", element.style.left, " (x was ", x, ")") 
     return true; 

    }, 
    snap: function(x, y) { 
     ret_x = x 
     ret_y = y 

     if (x >= 400) { 
      ret_x = 400 
     } 

     if (x <= 0) { 
      ret_x = 0 
     } 

     return [ret_x,ret_y] 

    } 
}); 
</script> 

merci! andrew

Answer 1

Pour votre future référence (ne pourrait rien google à partir de cela), les appels console.debug() de décompression depuis le gestionnaire onEnd ont résolu cela. Bizarre.