如何调用 jQuery UI 函数？

Question

我有一个 jQuery UI 元素，我想写类似的东西

$('myAccordion').accordion("refresh")

但是，这不会编译，因为我只有 jQuery 的外观 - 而不是 jQuery UI.

我该如何继续？

Answer 1

基本上，您为需要的功能编写一个迷你外观。看起来很吓人，关键是你只需要写你实际用到的，所以还是很简单的。

注意，这是即兴的，没有经过测试，但一个简单的版本应该是这样的：

@js.native
trait JQueryAccordionFacade extends js.Object {
  def accordion(cmd:String):JQuery = js.native
}
...
implicit def jq2Accordion(jq:JQuery):JQueryAccordionFacade = jq.asInstanceOf[JQueryAccordionFacade]

您将需要一些导入和其他东西，显然这个可以以更强类型的方式编写，但仅此而已：只是对函数的描述你想调用，以及从普通 JQuery 门面到 Accordion 门面的隐式转换。门面编写非常容易，一旦掌握了它。

Here are a couple of examples of some fully-worked jQuery UI facades, and here are the full details on how to write jQuery facades（远远超过你在这里所需要的，但如果你想更进一步）。

如何调用 jQuery UI 函数？

How to call a jQuery UI function?

scala.js