UPDATE - Drag & Drop is working But need dropped item to be invisable.
Again this was working, code in css
#fruit > * {
display: none;
}
Code done for each box
New jsfiddle -jsfiddle.net/eru2mc2k/1/
Hi My first post here so hope I've posted everything correct.
My drag & drop was working fine until I added the following code in script.
shuffleList(); function shuffleList(){ var origList = $("#dragsource li").detach(); var newList = origList.clone(); for(var i=0; i<newList.length; i++) { var randomIndex = randomInt(newList.length - i); newList[i] = origList.splice(randomIndex, 1); $("#dragsource").append(newList[i]); } } function randomInt(maxNum){ return Math.floor(Math.random()*maxNum); } $(document).ready(function () { var $lis = $("#dragsource li").hide(); $lis.slice(0,20).show(); var size_li = $lis.length; })I
The above code shuffles my list and displays 20 items from it ,which I need
Can someone please look at this so the drag and drop work again. Thank you.
Here's jsfiddle
http://jsfiddle.net/W4Km8/8725/