拖动“div1”然后放入“div2”打开链接

时间:2016-01-23 15:44:59

标签: jquery jquery-ui drag-and-drop draggable droppable

美好的一天

请帮助......

我想将div id =“box1”拖入div id =“box2”或div id =“box3”

然后我需要帮助的是“下拉”下一页(链接)打开。

代码:

    <script>
       function allowDrop(ev) {
          ev.preventDefault();
       }

       function drag(ev) {
          ev.dataTransfer.setData("text", ev.target.id);
       }

       function drop(ev) {
          ev.preventDefault();
          var data = ev.dataTransfer.getData("text");
          ev.target.appendChild(document.getElementById(data));
       }
    </script>


    <body>

       <div id="box1" ondrop="drop(event)" ondragover="allowDrop(event)">
           <img src="images/logo.png" draggable="true" ondragstart="drag(event)" id="drag1">
       <h4>Box1</h4>
       </div>

       <div id="box2" ondrop="drop(event)" ondragover="allowDrop(event)">
           <img src="images/entnor.png">
       <h4>Box2</h4>
       </div>   

       <div id="box3" ondrop="drop(event)" ondragover="allowDrop(event)">
           <img src="images/entad.png">
       <h4>Box3</h4>
       </div>

对于所有这些仍处于学习过程中的新人。

约翰

0 个答案:

没有答案