Thank you! This is amazing!
I am new to javascript i need to use this in my web site and my html markup is different i have “p” and “A” tags in side each LI, and it is not dragging at all. Please tell where and what changes i have to make in code to work. here is my sample html markup.
<ol data-draggable="target">
<li data-draggable="item"><p>Item 0 <a href="#">my link</a></p></li>
<li data-draggable="item"><p>Item 1</p></li>
<li data-draggable="item"><p>Item 2 <a href="#">my link</a></p></li>
<li data-draggable="item"><p>Item 3</p></li>
</ol>
<ol data-draggable="target">
<li data-draggable="item"><p>Item 4</p></li>
<li data-draggable="item"><p>Item 5 <a href="#">my link</a></p></li>
</ol>
<ol data-draggable="target">
<li data-draggable="item"><p>Item 6 <a href="#">my link</a></p></li>
<li data-draggable="item"><p>Item 7</p></li>
</ol>
<ol data-draggable="target">
<li data-draggable="item"><p>Item 8</p></li>
</ol>
<script src="demo4a.js" type="text/javascript"></script>