Semantic UI Modal Dragging

Question

Я хотел бы, чтобы пользователь мог перетащить модальный ящик в другую позицию, например, как это можно сделать с помощью диалогового окна JQuery UI.

Я нашел в официальных документах Semantic-UI, есть настройка «съемная» для модальной, которая, как представляется, имеет описание, которое мне нужно. Тем не менее, даже если установить его значение true, похоже, я не могу перетащить модальный объект. Может кто-нибудь, пожалуйста, помогите мне в этом?

Вот код до сих пор:

var aFunction = function() 
{ 
    $('.modal').modal({detachable: true, closable: false, transition: 'fade up'}); 
    $("#aBtn").on("click", function(){ 
     $('.modal').modal('show'); 
    }); 
} 
$(document).ready(aFunction); 

<div class="ui basic large modal"> 
    <i class="close icon"></i> 
    <div class="header"> 
    Archive Old Messages 
    </div> 
    <div class="content"> 
    <div class="image"> 
     <i class="archive icon"></i> 
    </div> 
    <div class="description"> 
     <p>Your inbox is getting full, would you like us to enable automatic archiving of old messages?</p> 
    </div> 
    </div> 
    <div class="actions"> 
    <div class="two fluid ui inverted buttons"> 
     <div class="ui red basic inverted button"> 
     <i class="remove icon"></i> 
     No 
     </div> 
     <div class="ui green basic inverted button"> 
     <i class="checkmark icon"></i> 
     Yes 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

Семантический UI не поддерживает перетаскиваемых модальности на данный момент, как JQuery UI делает.

Значение по умолчанию для съемного объекта уже истинно, что означает, что если вы откроете новый модальный, предыдущий будет перемещен на задний план (= диммер) и больше не будет использоваться (визуализируется с более темным цветом).