javascript - 语义 UI 模态未定义

Question

我在让 semantic-ui 的模态模块在我的 angularJS Controller 中工作时遇到了问题。当我打电话时

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

我收到以下错误。

TypeError: undefined is not a function 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) at 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()

Answer 1

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

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

引用:http://semantic-ui.com/modules/modal.html#/usage