语义 UI 模态未定义答案

【问题标题】：Semantic UI Modal Undefined语义 UI 模态未定义
【发布时间】：2016-01-05 09:58:14
【问题描述】：

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

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

我收到以下错误。

TypeError: undefined is not a function 在 l.$scope.showAddBeacon (*js/controllers.js:320:20) 在 hb.functionCall (*lib/angular/angular.min.js:198:426) 在抄送处。（匿名函数）.compile.d.on.f (*lib/angular/angular.min.js:215:74) 在 l.$get.l.$eval (*lib/angular/angular.min.js:126:193) 在 l.$get.l.$apply (*lib/angular/angular.min.js:126:419) 在 HTMLDivElement。 (*lib/angular/angular.min.js:215:126) 在 HTMLDivElement.n.event.dispatch (*lib/jquery/dist/jquery.min.js:3:6444) 在 HTMLDivElement.n.event.add.r.handle (*lib/jquery/dist/jquery.min.js:3:3219)

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

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

【问题讨论】：

标签： javascript jquery angularjs semantic-ui

【解决方案1】：

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

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

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

【讨论】：