Question

this is my code for doing drag and drop functionality. i use jquery pugins core js 1.5 and jquery ui-1.7.1

 $('#middle li').draggable({

    helper: function () {
        var selected = $('#middle input:checked').parents('li');
        if (selected.length == 0) {
            selected = $(this);
        }
        var container = $('<div/>').attr('id', 'middle');
        container.append(selected.clone());
        return container;
    }
});
$("#left div").droppable({
    drop: function (event, ui) {
        //$(this) = Folder Name where item is being dropped
        foldername = $(this).text();
        var fileid = $(ui.helper.children()).text();     
    }
});

now middle is my div where i am draging li element and drop in left div using that code i am getting text of both drag item and drop item……

Problem:-
1. this functionality working only when page refresh why?
2. how i get text of multiple item when i am drag and drop multiple item also count how many item drag and drop at a time

Answer 1

I solved my problem.

Issue is my jquery load after jqueryUI so drag&droup not working.

So any way load jqueryUi after jquery 1.5 or any other version