让我的克隆可拖动

Question

这是我从右到左克隆的测试代码。 最终我想将我的克隆拖入 var uniqueId = 1; $(function() { $('.clonebutton').click(function() { var copy = $("#cloneableDiv").clone(true); var formId = 'text' + uniqueId; copy.attr('id', formId ); $('#leftDiv').append(copy.addClass("TextField")); $('#' + formId).find('input,select').each(function(){ $(this).attr('id', $(this).attr('id') + uniqueId); }); uniqueId++; }); });而不再进一步。 有人有主意吗？可以自由测试它。谢谢！

＆＃13;

＆＃13;

    #leftDiv {
    	position: absolute;
    	left: 0px;
    	top: 0px;
    	border:2px solid black;
    	width: 50%;
    	height: 600px;
    }
    #rightDiv {
    	position: absolute;
    	right: 0px;
    	top: 0px;
    	border:2px solid black;
    	width: 50%;
    	height: 600px;
    }
    #cloneableDiv {
    	border:2px solid black;
    	width: 50px;
    	height: 50px;
    	margin: 10px;
    	border-radius: 5px;
    }
    #clonebutton {
    	position: absolute;
    	top: 10px;
    	right: 10px;
    }
    .TextField {
    	border:2px solid red;
    	width: 50px;
    	height: 50px;
    	margin: 10px;
    	border-radius: 5px;
    }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="leftDiv">
    	
    </div>
    <div id="rightDiv">
    <input type="button" name="clonebutton" id="clonebutton" class="clonebutton" value="clone">
    	<div id="cloneableDiv">test</div>
    </div>

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;