使div可拖动并且父div移动

Question

我有：

 <div id=\"car-edit-div\">
    <div id=\"hide-car-edit-div\">
        <p class=\"popup-bar-p\">Add sectors to image.</p>
        <div id=\"hide-car-edit\" onclick=\"javascript:$('#car-edit-div').hide();\"></div>
    </div>
    <div id=\"image-edit-div\"></div>
    <map id=\"map\" name=\"image-edit\"></map>
    <div id=\"edit-zones-div\">
        <div id=\"edit-zones-list-div\">
            <ul></ul>
        </div>
    </div>

我希望你可以从#hide-car-edit-div和#car-edit-div拖出来，整个内容都会移动。所有这些元素都会一体化（外观不会改变）。

我发现我可以这样做，但它不能按我的意愿工作，你可以从#car-edit-div内的任何地方拖动它。

$('#car-edit-div').draggable({ handler: '#hide-car-edit-div'});

我怎样才能实现这一目标？

Answer 1

语法错误。

$('#car-edit-div').draggable({ handle: '#hide-car-edit-div'});