перетаскиваемые элементы с прототипом - PullRequest
Новая
       30

перетаскиваемые элементы с прототипом

0 голосов
/ 21 марта 2012

Я пытаюсь создать новые перетаскиваемые элементы, используя прототип.Первый элемент добавляется и перетаскивается, но если я нажимаю, чтобы добавить другой, второй не перетаскивается.Вот что у меня есть: 

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++;
}

Есть идеи, почему первый будет работать, но другие добавленные элементы не будут работать?

1 Ответ

0 голосов
/ 21 марта 2012

Я получил это на работу. Я заменил $('look-image').insert(img); на $(document.body').insert(img);

У меня не было удобного изображения, поэтому я добавил немного CSS, чтобы сделать вставленное изображение видимым: 

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

Кажется, хорошо. Вы получаете какие-либо ошибки JS? (Я сделал сначала, потому что я забыл включить Scriptaculous).

...