Question

拖动之前和拖动之后

加载数据本地.load（＆＃34; file_from_local.html＆＃34;）;以及如何列出？

＆＃13;

function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev) {
    ev.preventDefault();
    $( "#div2" ).load( "file_from_local.html");
}

＆＃13;

#div1, #div2 {
    float: left;
    width: 100px;
    height: 500px;
    margin: 10px;
    padding: 10px;
    border: 1px solid black;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
  <img src="http://www.w3schools.com/css/trolltunga.jpg" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31">
</div>
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

＆＃13;

Answer 1

注意：我对你要做的事情感到有点困惑，但你的代码甚至没有用，所以让我们从那里开始吧。

您可以在没有任何jquery的情况下执行此操作。一个简单的JS可以工作。

＆＃13;

<button type="button" class="button">Download All PDF</button>
<a class="link" href="file.html">PDF</a>
<a class="link" href="file2.html">PDF</a>

＆＃13;

通过拖放加载本地数据

1 个答案: