hi all,
i'm newbie. anyone solve the problem conflict when use
connectToSortable in draggable and want to change the display when
drop. like this:
$(".block").draggable({
connectToSortable: '#sortable',
helper:'clone',
revert:'invalid',
});
$(".drop").droppable({
accept: ".block",
activeClass: 'ui-state-active',
hoverClass: 'ui-state-hover',
drop: function(ev, ui) {
var dropElemId = ui.draggable.attr("id");
var dropElem = ui.draggable.html();
outPutHTML = '<li id="'+dropElemId+'" class="ui-state-default"><div
class="ui-state-conleft">'+dropElem+'</div><div class="ui-state-
conright"><a href="#tan_list" class="remove"><img
src="'+GLOBAL_IMAGE_PATH+'skins/gentle/images/icon-xoa1.png"
width="21" height="18" border="0"/></a></div><br class="clr"/></li>';
$(this).append(outPutHTML);
});
---> it makes 2 copies & the main item when drop to sortable !!!
plz help me =.=
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
