语义ui模态不会滚动

Question

我正在使用语义ui，并希望通过ajax从另一个页面加载一些远程内容。我可以获得填充模式，但是当它打开时，它不会滚动。

我将observeChanges设置为true，甚至调用.modal（＆＃39; refresh＆＃39;）。

以下代码段。

非常感谢任何帮助。

由于

的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')
      ;
    });
  })
;