Question

我有一个接受一些用户输入的模态。如果用户得到正确的答案，他/她应该能够看到调光器后面的动画。我试过了

$('.basic.modal')
.modal('setting',{
    closable  : true,
    onDeny    : function(){},
    onApprove : function(){}
})
.modal('hide others')
.modal('show')
.modal('hide dimmer');

和

$('.basic.modal')
.modal('setting',{
    closable  : true,
    onDeny    : function(){},
    onApprove : function(){}
})
.modal('hide others')
.modal('hide dimmer')
.modal('show');

都没有奏效。我该怎么办？

Answer 1

您可以通过将不透明度传递给dimmerSettings来隐藏调光器，如下所示：

$('#your-modal').modal({
  dimmerSettings: { opacity: 0 }
}).modal('show');

找到答案here

Answer 2

你需要在模态显示后设置'隐藏调光器'。

$('.basic.modal')
.modal('setting',{
    closable  : true,
    onDeny    : function(){},
    onApprove : function(){}
})
.modal('hide others')
.modal('show')
.modal('hide dimmer');

Answer 3

这是一种解决方法。

.ui.dimmer{
    background: transparent;
}

你是如何最终解决的？

Answer 4

你可以从onShow回调中删除调光器：

$('.modal').modal({
        duration: 10,
        onShow: function () {
            $('.modal').parent().removeClass('dimmer');
        }
    }).modal('show');
    ;

语义UI：禁用与模态关联的调光器

4 个答案: