動的ではないjQuery UIではドラッグできますが、スタティックイメージにはありません

Question

jQuery UIのドラッグ可能な関数を使用して移動できる静的イメージがあります。しかし、同じ場所に同じ種類の画像を配置しようとすると、動的に画像をドラッグできないため、動的画像をドラッグ可能にするために何をしなければならないか教えてくれますか？

次のように動作します：

$(document).ready(function() { 
      $('#marker').draggable(); 
    } 

    <div id="imgId"> 
     <div id="markersDiv"> 
      <img src="include/images/sign_here.jpg" id="marker" draggable="true" style="position: absolute; left: 635px; top: 458px;" /> 
     </div> 
    </div> 

しかし、私は動的にJavaScriptを使用して画像を作成し、そのdivの中にそれを追加した場合、それは動作しません。

var dynImage = document.createElement("img"); 
    dynImage.setAttribute('src', 'include/images/sign_here.jpg'); 
    dynImage.setAttribute('id', 'marker'); 
    dynImage.setAttribute('draggable', 'true'); 
    dynImage.style.left = "635px"; 
    dynImage.style.top = "458px"; 
    dynImage.style.position = "absolute"; 

    document.getElementById("markersDiv").appendChild(dynImage); 

とHTMLが同じである：

 <div id="imgId"> 
     <div id="markersDiv"> 
     </div> 
    </div> 

これは、画像が追加されますが、それはドラッグ可能ではありません。理由があるのですか、私は何か間違っていますか？もしそうなら、誰もそれを動作させる方法について提案はありますか？事前にどうもありがとうございました。追加することにより

Answer 1

は：

それはdiv要素に追加された後

$('#marker').draggable(); 

、JavaScriptで、次の行に、私はドラッグして画像を得ることができた、この上のすべての人の時間を無駄にして申し訳ありません！