не в состоянии перетащить JQuery

Question

Я использую эту функцию для перетаскивания. Вызов этой функции происходит по событию. Он не работает, когда я нажимаю кнопку мыши в первый раз, но он прекрасно работает после второго события нажатия мыши.

Как я могу заставить его работать впервые?

 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

Вы должны вызвать эту функцию init, как только DOM будет готов.

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");
});