Semamtic UI：禁用與模式相關的調光器

我有一個接受某些用戶輸入的模式。如果用戶得到正確的答案，他/她應該能夠看到調光器後面的動畫。我曾嘗試Semamtic UI：禁用與模式相關的調光器

$('.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');

但是都沒有成功。我該怎麼辦？

來源

2014-12-03 Bones and Teeth

這是一種解決方法。

.ui.dimmer{ 
    background: transparent; 
}

你是怎麼解決這個問題的？

來源

2015-01-13 04:21:02

這似乎是一個黑客。但是，爲了加入黑客攻擊，您還可以添加'pointer-events：none;' – Isaac 2016-10-02 21:00:34

您必須在模式顯示後設置'隱藏調光器'。

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

來源

2015-03-10 14:04:04 yinyangero

當我使用這個解決方案時，我的模態也被隱藏起來，看起來不是一個有效的答案。你試過了嗎？ – 2017-09-18 11:11:09

您可以通過將不透明度到dimmerSettings像這樣隱藏的調光器：

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

答發現here

來源

2016-05-30 17:29:47 MarcGuay

您可以從像昂秀回調除去調光器即：

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

來源

2016-10-11 09:47:13

Semamtic UI：禁用與模式相關的調光器

回答

相關問題