Semantic ui modal не будет прокручиваться

Question

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

У меня есть значение Меняет значение true, и я даже вызываю .modal ('refresh').

Фрагменты кода ниже.

Любая помощь была бы принята с благодарностью.

Благодаря

Javascript

$('.ui.modal') 
    .modal({ 
    observeChanges: true 
    }) 
; 

$('#link') 
    .on('click', function(e) { 
    e.preventDefault(); 

    var modal = $('#modal'); 

    var content = modal.find('.content'); 
    $.get("/page", function(data) { 
     content.append($('.column', data)); 
     modal 
     .modal('refresh') 
     .modal('show') 
     ; 
    }); 
    }) 
; 

HTML

<a href="/page" id="link">open modal</a> 


<div id="modal" class="ui long modal"> 
    <div class="header"> 
    Page 
    </div> 
    <div class="content"> 
    </div> 
</div> 

Answer 1

Попробуйте это:

Javascript

$('.ui.long.modal') 
    .modal({ 
    observeChanges: true 
    }) 
; 

$('#link') 
    .on('click', function(e) { 
    e.preventDefault(); 

    var modal = $('#modal'); 

    var content = modal.find('.content'); 
    $.get("/page", function(data) { 
     content.append($('.column', data)); 
     modal.({observeChanges: true}) 
     .modal('refresh') 
     .modal('show') 
     ; 
    }); 
    }) 
;