jquery - 无法拖动jquery

Question

我正在使用此功能进行拖放。调用此函数 onmousedown 事件。当我第一次按下鼠标时它不起作用，但在第二次鼠标按下事件时它工作得很好。

我怎样才能让它第一次工作？

 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

一旦 DOM 准备好，您应该调用该 init 函数。

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