带有原型的可拖动元素

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

我得到了这个工作。我用$(document.body').insert(img)替换了$('look-image').insert(img);；

我手边没有图片，所以我添加了一些 CSS 以使您插入的图片可见：

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

看起来不错。你有任何 JS 错误吗？ （我一开始是因为忘记包含 Scriptaculous）。