mithril.js - 在 Mithril 中使用 jQuery UI 函数

Question

我是 Mithril JS 框架的新手，我喜欢它的渲染性能。轻量级是一个优点，但我想使用 jQuery UI，这样我就可以从它的一些功能中受益，例如可拖动的交互。据我了解，jQuery UI 和 Mithril 都操作 DOM 元素。如果是这样，将 jQuery UI 与 Mithril 一起使用有多实用？

Answer 1

你的问题有点开放，但要给出一个有用的答案:Mithril 模板实际上不会接触 DOM，直到你调用 m.render、m.module 或 m.route。当您这样做时，差异引擎会根据需要创建或更新元素以反射(reflect)模板的结构。您可以在模板中使用 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)