调光器的可关闭设置不起作用

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