Question

我使用Angular 2和ui Semantic来创建应用程序的前端。我创建了我自己的模态，所以我没有使用ui Semantic的模态代码，但我使用的是HTML CSS样式。像这样：

<div class="ui modal">
  <div class="header">
    Some Header
  </div>
  <div class="description">
    <div class="ui header">
      Some description
    </div>
  </div>
  <div class="actions">
    <div class="ui black deny button">
      Some action
    </div>
  </div>
</div>

只需复制他们示例中的代码即可。但关键是，我想知道如何使用ui语义应用调光器（当我打开模态时使背景变暗）。有没有办法做到这一点？

Answer 1

我认为你没有以正确的方式在JQUERY中添加，请检查语义ui示例他是如何做的。尝试使用此查询

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

https://semantic-ui.com/modules/modal.html#dimmer-variations

ui Semantic在模态中应用调光器

1 个答案: