我将“拖动”拖到“ container1”和“ container2”。拖放后,如果在“ container1”中,则“拖动”将变为深紫色;在“ container2”中,将变为深橙色。当“拖动”通过“ container1”时,它应该变成绿色,而当它通过“ container2”时,它应该变成黄色(实际上,“拖动”可以改变为4种不同的颜色)。
这就是我所拥有的,当它悬停在容器1和2上时,它会更改“拖动”,但是放下时它不会更改颜色。似乎处理悬停的“悬停”功能会覆盖我定义的“放置”功能。有人知道发生了什么吗?任何帮助表示赞赏!谢谢!
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border=1>
<tr>
<td class="tdresult" id="WN-MN161FY0X066">WN-MN161FY0X066</td>
<td>Found</td>
<td class='up_avail'>New</td>
</tr>
<tr>
<td class="tdresult" id="WD-ORA60YY1U015">WD-ORA60YY1U015</td>
<td>Found</td>
<td class='up_success'>Complete</td>
</tr>
<tr>
<td class="tdresult" id="WD-ORA60YY1U030">WD-ORA60YY1U030</td>
<td>Found</td>
<td class='up_avail'>New</td>
</tr>
</table>
<div id="set_status" class=button>Check</div>