Hello jquery users,

I am new to jquery and have the following problem:
I want to create a new <div> block on the fly.
The customers should be able to drag new items to an area and be able to move 
them back from there to delete them.
Its working in one way. They get displayed in the basket but they are not 
movable.

This is how it looks like (Its still small):

The area I want to drop in:

<div id="basket">
        <div id="item1" class="items">
                item1
        </div>
        <div id="item2" class="items">
                item2
        </div>
</div>

The jquery code:

$('.dropzone').Droppable(
                {
                        accept :                'dropaccept', 
                        activeclass:    'dropactive', 
                        hoverclass:             'drophover',
                        tolerance:              'intersect',
                        ondrop: function (drag) 
                                {
                                        $("#basket").after("<div id='item3' 
class='items'>item3</div>");
                                },
                }
        );


It seems the div is not inserted in the DOM Model?
item1 and item2 are draggable but item3 is not.
Guess I do not get it yet...

Markus

_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/

Reply via email to