javascript - 使 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'});