Witam,
Mam dwa elementy div. Div po lewej stronie zawiera tekst div po prawej stronie elementy image, audio lub video, chciałbym z diva z prawej strony móc przeciągnąć element (i przy okazji sklonować) do diva ze strony lewej. W miarę z tym problemem sobie poradziłem przy pomocy: Draggable, Sortable z biblioteki JQuery UI, ale jest problem podczas przeciągania do wnętrza znacznika p. Po prostu biblioteka traktuje taki element jako całość i albo mogę przeciągnąć nad niego albo pod niego.
$("#divPrawy").sortable({
connectWith: ".divLewy",
forcePlaceholderSize: false,
opacity: 0.5,
revert: true,
cursor: "move",
helper: function(e, li) {
copyHelper = li.clone().insertAfter(li);
return li.clone();
},
stop: function() {
copyHelper && copyHelper.remove();
}
});
$(".divLewy").sortable({
opacity: 0.5,
// revert: true,
cursor: "move",
receive: function(e, ui) {
copyHelper = null;
}
});
Mogą być rozwiązania bez tej biblioteki nawet byłoby lepiej. Podsumowując, chodzi o klonowanie elementów z jednego diva do drugiego, aby móc je klonować w dowolne miejsce w divie drugim. Oczywiście w divie drugim(chodzi o ten po lewej) nadal musi istnieć możliwość przenoszenia elementów (wszystkich innych oprócz tekstu -
,