如何在Scala.js中调用$.modal.close()关闭模态对话框

嘿，我来帮你搞定这个问题～要在Scala.js里调用$.modal.close()，核心是处理好Scala.js和JavaScript的互操作——因为这个方法是挂载在全局jQuery对象上的静态方法，不是某个DOM元素实例的方法，我们可以这样做：

基础实现方案 #

首先，我们需要在Scala.js里定义对应全局jQuery对象的类型引用，把静态的modal.close()方法映射进来：

import scala.scalajs.js

// 定义全局的jQuery对象引用
@js.native
@JSGlobal("$")
object JQuery extends js.Object {
  // 引用jQuery上的modal静态对象
  def modal: JQueryModalStatic = js.native
}

// 定义modal静态对象的类型，包含close方法
@js.native
trait JQueryModalStatic extends js.Object {
  def close(): Unit = js.native
}

之后，你只需要在代码里直接调用JQuery.modal.close()，就能触发模态框的关闭操作啦！

结合你已有的样板代码优化 #

看了你用jquery-facade和jsext写的配置代码，我们可以把这个静态方法的定义和你现有的代码整合起来，让代码更统一：

你的现有代码（整理后）：

import scala.scalajs.js
import jsext.JSOptionBuilder
import jsext.optmap.OptMap

@js.native trait JQueryModal extends JQuery { 
  def modal(params: JQueryModalOptions): Nothing = js.native 
} 

@js.native trait JQueryModalOptions extends js.Object 

object JQueryModalOptions extends JQueryModalOptionsBuilder(noOpts) 

class JQueryModalOptionsBuilder(val dict: OptMap) extends JSOptionBuilder[JQueryModalOptions, JQueryModalOptionsBuilder](new JQueryModalOptionsBuilder(_)) { 
  // 你可以在这里添加模态框的配置项，比如关闭按钮文本
  def closeText(text: String): JQueryModalOptionsBuilder = set("closeText", text)
}

在这个基础上，只需要加上前面的全局JQuery对象和JQueryModalStatic的定义，就能无缝调用关闭方法了。这样既保留了你原来的模态框初始化逻辑，又能方便地调用静态的关闭方法。

内容的提问来源于stack exchange，提问作者thlim