javascript - 语义 ui 模态不会滚动

Question

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

我将 observeChanges 设置为 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')
      ;
    });
  })
;