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

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

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

及

---

两者都不起作用。我该怎么办？

这是解决问题的一种方法

.ui.dimmer{
    background: transparent;
}

---

你最终是如何解决的？

这是解决问题的一种方法

.ui.dimmer{
    background: transparent;
}

---

您最终是如何解决的？

在显示模式后，您必须设置“隐藏调光器”

$('.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('show')
.modal('hide dimmer');

---

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

$'your-modal'.modal{ dimmerSettings:{opacity:0}

---

}.modal“show” 通过将不透明度传递给调光器设置，可以隐藏调光器，如下所示：

$'your-modal'.modal{ dimmerSettings:{opacity:0}

---

}.modal“show” 您可以从onShow回调中删除调光器，如下所示：

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

---

您可以从onShow回调中删除调光器，如下所示：

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

---

这看起来像是一个黑客。但是，要添加到hack中，还可以添加指针事件：none；这看起来像是一个黑客。但是，要添加到hack中，还可以添加指针事件：none；看起来不是一个有效的答案，当我使用这个解决方案时，我的模式也被隐藏了。你试过了吗？也许你使用的是旧版本的SUI，但是。模态“隐藏调光器”确实有效。但这并不理想，因为调光器会闪烁片刻。这看起来不是一个有效的答案，当我使用此解决方案时，我的模式也被隐藏了。你试过了吗？也许你使用的是旧版本的SUI，但是。模态“隐藏调光器”确实有效。但这并不理想，因为调光器会闪烁片刻。问题是，如果页面比窗口长，当模式出现时，调光器仍会删除滚动条，导致窗口内容发生小的水平移动。问题是，如果页面比窗口长，当模式出现时，调光器仍会移除滚动条，导致窗口内容发生小的水平移动。