使用JavaScript创建时，Draggable不起作用

Question

我的draggable div遇到了一个小问题，当我创建一个带有函数的div时，我无法在我的Web浏览器中移动它，而当我用HTML声明它时，它运行得很好。

HTML：

<div id="pion" class="draggable" draggable="true">1</div>

使用Javascript：

function randomIntFromInterval(min,max) // random number between 2 args
{
    return Math.floor(Math.random()*(max-min+1)+min);
}

function ajouteElement() //function add an element
{
    var e = document.createElement("div");
    var val= randomIntFromInterval(0,15);
    e.appendChild( document.createTextNode(val) );
    e.id = "pion";
    e.className="draggable";
    e.draggable="true";
    hand.appendChild(e);
}