是否可以用另一个元素开始拖动？
例如：http://jsbin.com/igohod/edit#preview
当我点击#icon时,我想开始拖动#ct.值得注意的是,#icon不会从DOM树中的#ct下降.
HTML
<div style="position:absolute; top:20px; left:10px;">
<div id="icon">Icon</div>
</div>
<div style="position:absolute; top:20px; right:10px;">
<div id="ct">start this drag when you drag the icon</div>
</div>
JS
$(document).ready(function()
{
// $('#icon').draggable();
$('#ct').draggable();
});
更新：
可排序的新例子
http://jsbin.com/igohod/8/edit#preview
解决方法
这是有效的,但总是将其附加到列表的末尾：
$(document).ready(function() {
$('#icon').mousedown(function(e) {
$('#ct').trigger(e);
});
$('#dropHere').sortable({ placeholder: 'ui-state-highlight' });
$('#ct').draggable({ connectToSortable: '#dropHere' });
#dropHere div{width:10; height:10; padding:10px; border:1px solid #000;}
