创建元素，然后拖动它增加宽度

Question

我尝试在另一个容器中创建一个元素，然后拖动它增加其宽度。

我可以创建它只是无法拖动它请检查codepen。谢谢

document.addEventListener("DOMContentLoaded", init, false);

function init(){
        var i, positionId = [];
        for(i = 1; i< 7 ; i++){
          positionId[i - 1]= document.getElementById(i.toString());
          positionId[i-1].addEventListener("mousedown", getPosition, false);
        }
      }

function getPosition(e){
        var x;
        console.log(e);
        x = e.offsetX;
  $(document.createElement('div'))
      .addClass('time-sch-div').appendTo(e.toElement).css('left', x);
        $( 'time-sch-div' ).draggable({ axis: "x" });
}

http://codepen.io/anon/pen/ZYmxZx

Answer 1

为什么不使用jquery动画？它非常简单方便。 Jquery Animate