我是新手來拖放功能。基於data-id的jquery拖放操作
的Jquery:
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
var DataId = ev.target.parentNode.getAttribute('data-id');
alert("Data Id : "+DataId);
var selected_table =$("#rows .sim-row[data-id='"+DataId+"']");
//var main_table = selected_table.parentNode;
alert("Data Id : "+selected_table.html());
ev.dataTransfer.setData("text",selected_table);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
alert("Data Id : "+data.html());
ev.target.appendChild(data.clone());
}
HTML代碼:
<div id="content" ondrop="drop(event)" ondragover="allowDrop(event)">
</div>
<div id="rows">
<table class="sim-row" data-id="1001" id="1001">
<tr>
<td class="sim-row-header1 sim-row-edit width100" data-type="title">Main Title</td>
</tr>
</table>
</div>
<div class="buttons" data-id="1001" id="1001" draggable="true" ondragstart="drag(event)" ondrop="drop(event)">
<img id="image"src="<?php echo base_url()?>assets/invoice/preview/1001.png" alt="title">Title
</div>
我想實現像每當我拖放圖像,以時間全表必須要加入到下面的div
我有多個表,它會像整個表一樣工作將會拖入div.But圖像畝不能從地方移除。只有其內容需要克隆或類似。
現在我正在低於error.But不知道爲什麼它顯示我的錯誤。
TypeError: data.html is not a function
我該如何做到這一點? 任何想法?有什麼建議麼 ?
在這裏,我想實現像img將被拖入內容div但img標籤一定不需要刪除 –