请教Easyui下如何控制拖动元素的可放置区域

请问Easyui下怎么控制拖动元素的可放置区域？
这是我写的JS：

    $(function () {

            $('#dd1').draggable();

            $('#dd2').draggable();

            $('#dd3').draggable({

                proxy: 'clone'

            });

            $('#notDrap').droppable({

                accept: '#dd3'

            });

    });

这是html：

    <div id="contentDiv">

        <div id="dd1" class="dd-demo">dd1</div>

        <div id="dd2" class="dd-demo">dd2</div>

        <div id="dd3" class="dd-demo">dd3</div>

    </div>

    <div id="notDrap">

    id="notDrap" 不可放置区域

    </div>

按我这个设置，只有 id=#dd3的div才可以拖动到这里啊，为什么所有元素都可以拖动到这里？
------解决方案--------------------
你整个demo  按照参照demo一点点改成你想要的不是很简单么。。