プロトタイプのドラッグ可能な要素

Question

プロトタイプを使用して新しいドラッグ可能な要素を作成しようとしています。最初の要素が追加されてドラッグ可能ですが、別の要素をクリックして追加するとドラッグできません。以下は、私がこれまで持っているものです。

var i = 1; 
function addDragElement() { 
     var str = i + '.png'; 
     var attrs = { 
      src : str, 
      class : 'product-tag-image', 
      id : 'product-tag-image' + i, 
     }; 
     var img = new Element('img', attrs); 
     $('look-image').insert(img); 

     new Draggable(img, 
      { onEnd : function(){ 
       alert(img.offsetTop + ", " + img.offsetLeft); 
      } 
     }); 
     i++; 
} 

最初は動作しますが、追加した他の要素が動作しない理由を任意のアイデア？

Answer 1

私はこれを動作させました。私は$('look-image').insert(img);を$(document.body').insert(img)に置き換えました。

私は便利なイメージを持っていなかったので、私はあなたの挿入した画像が表示されるように、いくつかのCSSを追加しました：

.product-tag-image { 
    width:50px; 
    height:50px; 
    display:block; 
    border:1px solid #ff0000  
} 

は罰金です。 JSエラーはありますか？ （私はScriptaculousを含むことを忘れていたので、私は最初にやった）。