jquery-sortable is conflict with jquery ui.

jquery-sortable is conflict with jquery ui.

I want to have a list that is sortable, but I also want the elements in that list to be droppable to the divs
I have defined as group.
it working fine with out jquery ui.
but in my project other component ( pivot table js ) is depends on jquery ui .
when i load a jquery ui group div drop function not working.

` $("ol.connected").sortable({
group: 'connected',
pullPlaceholder: false,
exclude: '#dropMessage',
onDrop: function ($item, container, _super) {

```
if ($item.hasClass('Blank_column') && $(container.el).attr("id") !== 'perameterInColumnSetting') {
$(this).sortable("cancel");
} else {
var containerId = $(container.el).attr("id");
var btnAction = $item.find("button");
if (btnAction.find("i").hasClass("fa-plus-circle") &&
containerId === "perameterInColumnSetting") {
$item.removeClass('selected');
$item.removeClass('selected').find(".icon-check").remove();
self.createBtnType(btnAction,"REMOVE");
} else if (btnAction.find("i").hasClass("fa-times") &&
containerId === "perameterNotInColumnSetting") {
$item.removeClass('selected').find(".icon-check").remove();
self.createBtnType(btnAction,"ADD");
}
_super($item, container);
self.setDropMessage();
}
},

// set $item relative to cursor position
onDragStart: function ($item, container, _super) {
var offset = $item.offset(),
pointer = container.rootGroup.pointer;

adjustment = {
left: pointer.left - offset.left,
top: pointer.top - offset.top
};

_super($item, container);
},
onDrag: function ($item, position) {
$item.css({
left: position.left - adjustment.left,
top: position.top - adjustment.top
});
}
});`
```