我正在尝试检测物体被放入哪个单元格。
<table>
<tr>
<td class="weekday">Sun</td>
<td class="weekday">Mon</td>
<td class="weekday">Tue</td>
<td class="weekday">Wed</td>
<td class="weekday">Thu</td>
<td class="weekday">Fri</td>
<td class="weekday">Sat</td>
</tr>
<tr>
<td class="droppable"> </td>
<td class="droppable"> </td>
<td class="droppable"> </td>
<td class="droppable"> </td>
<td class="droppable"> </td>
<td class="droppable"> </td>
<td class="droppable"> </td>
</tr>
</table>
<div class="draggable">Drag Me</div>
在放置时,如何确定 div 被放置到哪一天?
我无法在单元格内工作 - 我什至尝试将 div 放入每个单元格内。如果将可拖动的 div 放入可放置的 div 中,此代码将起作用:
$(".draggable").draggable();
$(".droppable").droppable({
drop: function(event, ui) {
$(this).html('Dropped!');
}
});
<table>
<tr>
<td class="weekday">Sun</td>
<td class="weekday">Mon</td>
<td class="weekday">Tue</td>
<td class="weekday">Wed</td>
<td class="weekday">Thu</td>
<td class="weekday">Fri</td>
<td class="weekday">Sat</td>
</tr>
<tr>
<td><div class="droppable">empty</div></td>
<td><div class="droppable">empty</div></td>
<td><div class="droppable">empty</div></td>
<td><div class="droppable">empty</div></td>
<td><div class="droppable">empty</div></td>
<td><div class="droppable">empty</div></td>
<td><div class="droppable">empty</div></td>
</tr>
</table>
<div class="droppable">drop in me!</div>
<div class="draggable">Drag Me</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)