mithril.js - 将 jQuery UI 函数与 Mithril 一起使用

Question

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

Answer 1

您的问题有点开放式，但要给出一个有用的答案：秘银模板实际上不会触及 DOM，直到您调用m.render,m.module或m.route. 当您这样做时，差异引擎会根据需要创建或更新元素以反映模板的结构。您可以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)