jquery test02

drag and create new boxes

by dirkk0

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/jquery-ui.min.js"></script>
<div id="demo">
    
    <button>A button element</button>
    
    
    <div id="d1" class="dstyle">test</div>
    <div id="d2" class="dstyle">test2</div>
    
    
</div>

CSS

.dstyle
{
    width: 50px;
    height: 50px;
    background: #ffb;
    padding: 10px;
    border: 2px solid #999;
}

JavaScript

$(function() {
    $("#demo").append("<div class=dstyle>aaa</div>");
    $(".dstyle").draggable();
    // $('#test').delay(1000).fadeOut();
    $("#knopp", ".demo").button();
    $("#knopp, button").click(function() {
        $("#demo").append("<div class=dstyle>aaa</div>");
        $(".dstyle").draggable();
    });
});