js 新添加的节点 实现拖拽？

Question

HTML部分：
id 是phonebox的div

JS部分：

window.onload=function(){
//点击鼠标即可添加 节点
phonebox.onmousedown=function addDom(event){
var event = event || window.event;
downx=event.offsetX;
downy=event.offsetY;

                            var newDiv=document.createElement("div"); //添加新的节点div
                            newDiv.id="newdiv";

                            newDiv.style.left=downx;
                            newDiv.style.top=downy;

                            x=event.target; //判断鼠标不在子节点上时候才执行添加节点的操作
                            if(x.id=='phonebox'){
                                phonebox.appendChild(newDiv);
                            }   
        }
        //拖拽节点
        $(function(){
            $('#newdiv').draggable();
        });

}

疑问：拖拽这里用了 EasyUI 里的draggable()，这个位置现在这样写没法拖拽，（纯新手）请问题正确应该怎么写？谢谢！

Answer 1

。。导入了jquery还用原生js干嘛。。绑定draggable效果位置不对，看下面的，有用记得采纳：）。。

                 if (x.id == 'phonebox') {
                    phonebox.appendChild(newDiv);
                    $('#newdiv').draggable();/////////放这里来，你是通过事件触发的添加，执行$(function () {$('#newdiv').draggable(); });这句你的dom还没有当然无法绑定draggable
                }