Dimmer's closable setting not working - semantic-ui

Question

Here is the jsfiddle code
why the dimmer is still closable when initialized with 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

The proper way to initialize a dimmer with settings is like the following :
$('selector').dimmer({settings}).dimmer('show')
The way you're doing it modifies settings after initialization. so this is what you're code should look like :
[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')
;
});