Question

我在jQuery中创建一个应用程序。我想拖动一个元素并使用jQuery一次将该元素放入具有相同类的一些元素中。我可以将带有id draggable的元素拖到带有droppable2类的元素中，即。只有一个元素。我想删除类droppable2的所有元素。任何人都可以为这些问题提供任何解决方案吗？

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
        <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
        <style>
            #draggable {
                width: 100px;
                height: 100px;
                padding: 0.5em;
                float: left;
                margin: 10px 10px 10px 0;
            }
            .droppable2 {
                width: 150px;
                height: 150px;
                padding: 0.5em;
                float: left;
                margin: 10px;
                border:solid #000099;
            }
        </style>
        <script>
            $(function() {
                $("#draggable").draggable();
                $("#drop").droppable({
                    var contenthtml = $(this).html();
                });
            });
        </script>
    </head>
    <body>
        <div id="draggable">
            <p>Drag me to my target</p>
        </div>
        <div class="droppable2" id="drop">
            <p>Drop here</p>
        </div>
        <div class="droppable2">
            <p>Drop here</p>
        </div>   
        <div class="droppable2">
            <p>Drop here</p>
        </div>
    </body>
</html>

使用jquery将元素拖放到具有相同类的所有元素中

0 个答案: