[jQuery] jQuery UI Problem
$('div.draggable').livequery(function(){
$(this).draggable({
helper: 'clone', opacity: '0.9'
});
var bag_id = $(this).attr('id');
$('div.droppable').droppable({
accept: 'div.draggable',
drop: function(event, ui) {
var parts_id = $(this).attr('id');
var bag_name = '#'+bag_id;
var parts_name = '#'+parts_id;
$.ajax({
method: 'GET', url: 'partreplace.php', data: 'part='+parts_id
+'&part2='+bag_id+'&s=start'
});
$.ajax({
method: 'GET', url: 'partreplace.php', data: 'part='+parts_id
+'&s=end',
success: function(html) {
$(parts_name).html(html);
}
});
$.ajax({
method: 'GET', url: 'partreplace.php', data: 'part2='+bag_id
+'&s=end2',
sucess: function(html) {
$(bag_name).html(html);
}
});
}
});
});
It updates the parts_name div but the bag_name div doesn't update even
though the partreplace.php is working correctly... Any ideas?
Using: LiveQuery Addon, jQuery UI for this function...