impossible de faire glisser jquery

Question

J'utilise cette fonction pour glisser-déposer. Appel de cette fonction événement onmousedown. Cela ne fonctionne pas lorsque je fais la souris pour la première fois, mais cela fonctionne parfaitement à partir du deuxième événement.

Comment puis-je le faire fonctionner pour la première fois?

function DivMouseDown(id) 
{ 
alert("id:" +id); 
//alert(" i m in DivMouseDown"); 
try 
{ 

jQuery('#'+ id).draggable({ 
    opacity: 0.5, 
    revert: 'invalid', 
    drag:function(ev,ui) 
    { 
    //alert("i m draggable"); 
    } 
}); 
} 

catch (e) 
{ 

alert ("exception in DIVmouse down: "+ e); 
} 

Answer 1

Vous devriez appeler cette fonction init une fois que le DOM est prêt. Où ajouter l'événement mousedown?

function initDivMouseDown(id) 
{ 
    try { 
     jQuery('#'+ id).draggable({ 
      opacity: 0.5, 
      revert: 'invalid', 
      drag:function(ev,ui) { 
       // ADDED DIV ID HERE 
       alert($(this).attr('id') + " is being dragged"); 
      } 
     }); 
    } catch (e) { 
     alert ("exception in DIVmouse down: "+ e); 
    } 
} 

jQuery(document).ready(function() { 
    initDivMouseDown("my_div"); 
});