Dimmer的可关闭设置不起作用

Question

以下是jsfiddle code

为什么在使用closable=false初始化调光器时仍可关闭？

$('.dimmer').dimmer({closable:false, on:'click'})

HTML

<div class="ui container">
  <div class="ui segment dimmerable">
    <div class="ui dimmer">
      <div class="ui content">
        <div class="ui inverted center header">
          Dimmer
        </div>
      </div>
    </div>
    Segment
  </div>
</div>

Answer 1

使用设置初始化调光器的正确方法如下： $('selector').dimmer({settings}).dimmer('show')

您执行此操作的方式会在初始化后修改设置。所以这就是你的代码应该是这样的：

[DEMO]

<强> HTML

<div class="ui container">
  <div class="ui segment dimmable">
    <div class="ui dimmer">
      <div class="ui content">
        <div class="ui inverted center header">
          Dimmer
        </div>
      </div>
    </div>
    Segment
  </div>
</div>

JS （jQuery）

$('.segment').click(function() {
  $('.dimmer')
    .dimmer({
     closable: false
    })
    .dimmer('show')
  ;
});