Javascript 语义UI模式显示/显示不工作？

另一个语义UI模式问题，因为它涉及在显示模式后调整嵌入式google地图的大小。经过几次尝试后，我将问题简化为在显示或可见模式时获得回调

但是没有运气。onShow或onVisible始终显示为灰色。以下是片段：

$（'.ui.modal'）
.莫代尔({
onVisible:function（）{
控制台日志（“哈哈哈”）；
}
}).莫代尔({
onApprove:函数（）{
控制台日志（“呵呵”）；
}
}).modal（“附加事件”、“btn显示”）

显示模态
在地图上标出你的项目
内容

取消
下一个
您应该在同一
.modal（）调用中指定
onVisible
和
onApprove
回调：

 $('.ui.modal').modal({
    onVisible: function () {
      console.log('visible');
    },
    onApprove: function () {
      console.log('approved');
    }
  }).modal('attach events', '#btn-show');

这是一张
谢谢！成功了！你能解释一下为什么会这样吗？这应该是javascript多态性的副作用。我的猜测是，当您链接多个
.modal（{…}）
调用时，上次调用中传递的参数对象会重新定义以前的所有调用，并且所有未指定的值都设置为
未定义的
。但是，
.modal（'behavior'，…）
的情况并非如此，因为它的参数不是对象。感谢您的解释！