javascript - JQuery Mobile 和 Scala.js : How to call functions like "navbar()" or "toolbar()"?

Question

在 JQuery mobile 中，要使持久页眉、页脚和 nabbers 按预期工作，您必须执行以下操作:

$(function() {
    $( "[data-role='navbar']" ).navbar();
    $( "[data-role='header'], [data-role='footer']" ).toolbar();
});

Scala.js 中的等效项是什么？

Answer 1

与 Scala.js 中一样，作为第一个“草案”，您始终可以使用动态类型 API:

js.Dynamic.global.$("[data-role='navbar']").navbar()

如果你想要一个静态类型的API，你可以定义它。据我所知，还没有人为 jQuery mobile 编写过门面类型。然而，jQuery 本身也有外观，例如 1 。然后，您可以使用 jQuery 插件(例如 jQuery mobile)提供的其他方法 the monkey patching pattern for Scala.js facades :

import org.querky.jquery._

trait JQueryMobile extends JQuery {
  def navbar(): Unit
}

implicit def JQueryMobileOps(jQ: JQuery): JQueryMobile =
  jQ.asInstanceOf[JQueryMobile]

然后你可以这样做:

$("[data-role='navbar']").navbar()

并且它将被静态类型检查。