在Mithril中使用jQuery UI函数

时间:2014-09-16 07:16:10

标签: mithril.js

我是Mithril JS框架的新手,我喜欢它的渲染性能。轻量级是一个优点,但我想使用jQuery UI,以便我可以从其一些功能,如可拖动的交互中受益。根据我的理解,jQuery UI和Mithril都操纵DOM元素。如果是这样,在Mithril中使用jQuery UI有多实用?

1 个答案:

答案 0 :(得分:6)

您的问题有点开放,但要提供一个有用的答案:在您拨打m.renderm.modulem.route之前,秘银模板实际上不会触及DOM 。执行此操作时,diff引擎会根据需要创建或更新元素以镜像模板的结构。您可以在模板中使用config来获取真正的DOM元素,并在它们上运行jQuery / jQuery UI:

function draggable(element, isInitialized) {
  if (!isInitialized) $(element).draggable()
}

var module = {}
module.controller = function() {
  this.greeting = "Hello"
}
module.view = function(ctrl) {
  m("div", {config: draggable}, ctrl.greeting)
}

m.module(document.body, module)