Question

我试图将div从div移动到另一个div很容易。

我有这里的风格和HTML，所以你可以帮助我，这里是代码

＆＃13;

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      #myDIV {
        border: 1px solid black;
        margin-bottom: 10px;
        width: 500px;
        height: 300px;
        box-sizing: border-box;
        border: solid #000 2px;
        background-color: #d12;
      }

      .ZE {
        position: fixed;
        width: 400px;
        height: 100px;
        background-color:  #73AD81;
        overflow: hidden;
        border-radius: 20px 60px;
        border: 2px solid #965D31;
      }

      .ZE.left {
        top: 50%;
        transform: translateY(-50%);
      }

      .ZE.right  {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
      }

      .ZE.up {
        left: 50%;
        transform: translateX(-50%);
      }

      .ZE.down {
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
      }
    </style>
  </head>
  <body>
    <div id="parent-div">
      <div class="myDIV" id="myDIV"></div>
    </div>
    <script type="text/javascript">
      var parent = document.getElementById("parent-div");

      // for demo purposes
      var data = {
        isConnected: true
      },
          classes = ['left', 'right', 'up', 'down'];

      //socket.on("isConnected", function(data) {
      // Receive the 'data' and check if 'isConnected' is true

      // loop for demo purposes
      for (var i = 0; i < 4; i++) {

        if (data.isConnected === true) {
          parent.innerHTML += "<div class='ZE " + classes[i] + "'></div>"
        }

      }
      //});
    </script>
  </body>
</html>

＆＃13;

我想将#myDIV div移动到我创建的其他div中。 ZE left ZE right ...等。我认为这很容易，但我对这些东西很新，所以我需要一些帮助。

Answer 1

这篇文章提出了类似的问题。（我问了这个问题）。如果你看一下评论部分中的JSFiddle代码和答案，你应该能够了解如何做到这一点。我花了几个小时来根据我的需要定制它，但我去了那里。所以请耐心等待并继续尝试使用该代码。您将需要在您的部分中包含JQuery库引用，如此

@Input() set name(name: string) {
    this._name = (name && name.trim()) || '<no name set>';
    // or do other stuff
}
get name() { return this._name; }

希望有助于让你走上正轨

将div轻松地从一个拖放到另一个

1 个答案: