Я пытаюсь перетащить элементы из боковой панели в тело страницы, но оно не падает в теле.
Я уже пробовал много вариантов, когда инициализирую перетаскиваемый элемент, но безуспешно.
Вот как инициализируется мое перетаскивание:
$('.draggable-dash').draggable({
revert: "invalid",
helper: 'clone',
appendTo: '.dropdashboard',
containment: 'body',
//zIndex: 2500,
scroll: false,
cursorAt: { top: -5, left: -5 },
start: function(){
$(this).hide();
},
stop: function(){
$(this).show()
}
});
А это панель css
.theme-panel {
position: fixed;
right: -175px;
top: 150px;
z-index: 1020;
background: #fff;
padding: 15px;
width: 175px;
transition: right .2s linear;
border-radius: 4px 0 0 4px;
}
.theme-panel.theme-panel-lg .theme-panel-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: scroll;
margin: 0;
padding: 20px;
}
Вот изображение того, что происходит. Как видите, положение элемента в режиме перетаскивания также неверно.
Я понятия не имею, что делать, чтобы это исправить: (