语义 UI 模式未定义

Semantic UI Modal Undefined

本文关键字：未定义模式 UI 语义更新时间：2023-09-26

我无法让语义 ui 的模态模块在我的 angularJS 控制器中工作。当我打电话时

$(".ui.modal").modal()

我收到以下错误。

类型错误：未定义不是函数 at l.$scope.showAddBeacon （*js/controllers.js：320：20） at hb.functionCall （*lib/angular/angular.min.js：198：426） at Cc.（anonymous function）.compile.d.on.f （*lib/angular/angular.min.js：215：74） at l.$get.l.$eval （*lib/angular/angular.min.js：126：193）在 l.$get.l.$apply （*lib/angular/angular.min.js：126：419） at HTMLDivElement.（*lib/angular/angular.min.js：215：126） at HTMLDivElement.n.event.dispatch （*lib/jquery/dist/jquery.min.js：3：6444） at HTMLDivElement.n.event.add.r.handle （*lib/jquery/dist/jquery.min.js：3：3219）

语义模块已安装，模态默认隐藏，正如我所期望的那样。如果我调用以下内容，它可以正常工作：

$（".ui.modal"）.show（）

我能够通过$(".ui.modal").modal('show')而不是$(".ui.modal").modal()来实现此要求。语义 UI 模态函数需要其中至少有一个参数来确定模态的状态（显示、隐藏、设置配置等）。

不带参数的模态函数用于初始化模态。初始化时，模态的当前大小将被缓存，并且该元素将从 DOM 中分离并在调光器内移动。

参考： http://semantic-ui.com/modules/modal.html#/usage