Currently, I am utilizing "jquery.sortable.js" to implement a drag and drop feature. Below is the code snippet for reference.
Javascript
<script>
$(function() {
$('.sortable').sortable();
$('.handles').sortable({
handle: 'span'
});
$('.connected').sortable({
connectWith: '.connected'
});
$('.exclude').sortable({
items: ':not(.disabled)'
});
});
</script>
HTML
<ul class="connected list">
<li>Customer</li>
<li>orders</li>
<li>inventory</li>
<li>shipping</li>
</ul>
<ul class="connected list no2"></ul>
Although the drag and drop functionality is performing as expected, my goal is to add a class to the second "connected" box when an item is being dragged over it.
I have been searching for a solution to this issue extensively but have not been successful so far.