语义UI模式未定义

时间:2015-02-03 22:58:07

标签: javascript jquery angularjs semantic-ui

我无法使用语义模式模块在我的angularJS控制器中工作。当我打电话

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

我收到以下错误。

  

TypeError:undefined不是函数       at l。$ scope.showAddBeacon(* js / controllers.js:320:20)       在hb.functionCall(* lib / angular / angular.min.js:198:426)       at Cc。(匿名函数).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.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&#34)。显示()

1 个答案:

答案 0 :(得分:2)

我可以使用$(".ui.modal").modal('show')代替$(".ui.modal").modal()来达到此要求。语义UI模态函数期望其中至少有一个参数来确定模态的状态(显示,隐藏,设置配置等​​)。

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

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