我可以正确创建一个语义UI模态元素，并更改页面加载transition和duration页面加载的默认设置。但是，当我尝试修改这些设置以隐藏modal时onApprove，它仍然使用与初始显示相同的设置。这是相关的JS：
$(document).ready(function() {
$('#test').modal({
transition: 'horizontal flip',
duration: 2000,
onApprove: function() {
$('#test').modal({
transition: 'fade',
duration: 10000
}).modal('hide');
}
}).modal('show');
});
这是一个演示问题的JSFiddle。单击“确定”按钮应触发持续10秒钟的淡入淡出。奇怪的是，在触发the之后，我可以在代码中放置一个断点，onApprove并看到设置确实已更新为正确的值（例如，internal.js中的9001行），并且当我按下“ resume”（ Chrome 51.0.2704.103，Windows）。
不知道我在这里做错了什么...
或者，您可以在屏幕上显示模态后立即应用新的模态设置。喜欢：
$(document).ready(function() {
$('#test').modal({
transition: 'horizontal flip',
duration: 2000,
onShow: function() {
$('#test').modal({
transition: 'fade',
duration: 10000
})
},
onApprove: function(){
$('#test').modal('hide');
}
}).modal('show');
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.js"></script>
<body>
<div id='test' class='ui large modal'>
<div class="header">
Header
</div>
<div class="content">
This is the content
</div>
<div class="actions">
<div class="ui ok green basic button">
OK
</div>
</div>
</div>
</body>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句