سلام
من کدم را بصورت زیر تغییر دادم
کد HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Drag and Drop</title>
<link rel="stylesheet" href="css/reset.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<div class="placeholder" ondrop="drop(event)" ondragover="allowDrop(event)">
<div class="element first" id="first" draggable="true" ondragstart="drag(event)" data-id="a"></div>
</div>
<div class="placeholder" ondrop="drop(event)" ondragover="allowDrop(event)">
<div class="element second" id="second" draggable="true" ondragstart="drag(event)" data-id="b"></div>
</div>
<div class="placeholder" ondrop="drop(event)" ondragover="allowDrop(event)">
<div class="element third" id="third" draggable="true" ondragstart="drag(event)" data-id="c"></div>
</div>
<div class="placeholder" ondrop="drop(event)" ondragover="allowDrop(event)">
<div class="element four" id="four" draggable="true" ondragstart="drag(event)" data-id="d"></div>
</div>
</div>
<div class="container">
<div class="placeholder" ondrop="drop(event)" ondragover="allowDrop(event)" data-id=""></div>
<div class="placeholder" ondrop="drop(event)" ondragover="allowDrop(event)" data-id=""></div>
<div class="placeholder" ondrop="drop(event)" ondragover="allowDrop(event)" data-id=""></div>
<div class="placeholder" ondrop="drop(event)" ondragover="allowDrop(event)" data-id=""></div>
</div>
<script src='js/jquery.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>
کد HTML:
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("square", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("square");
ev.target.appendChild(document.getElementById(data));
}
حالا می خواهم data-id هم انتقال بدهم باید چه کدی بنویسم
باتشکر