javascript - modal.js 中复杂的自定义 $.Event

Question

嘿伙计们，我刚刚使用 modal.js 插件并遇到了以下行:

  var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })

现在我猜该行实际上是在定义自定义事件，我确实理解自定义事件。老实说，我部分理解正在发生的事情，但我不能说我完全理解那条特定的线，首先。

我们使用 $.Event () 创建一个自定义事件，然后在其中命名该事件 'shown.bs.modal' 然后我们传递一个对象文字作为第二个参数(对我来说，它看起来更像是一个对象文字，里面有另一个对象文字)，我的问题是理解代码的 { relatedTarget: _latedTarget } 。我不明白为什么该插件需要一行代码，这一行有什么功能？

如果我 console.log _latedTarget 我得到以下内容:

<a data-target="#myModal" data-toggle="modal" class="btn btn-primary btn-lg">

我的难点也可以在 git 上找到:line 99 。

如果你们中的一位 Javascript 天才可以向我解释该行发生了什么，甚至给我一个粗略的想法，我将非常感激。

谢谢。

亚历山大。

Answer 1

查看模态文档 here并搜索 relatedTarget。

到目前为止，您对代码的理解是正确的。它将单击的按钮的引用传递给事件处理程序。

然后您可以找到在事件处理程序中单击了哪个按钮 $('#modal').on('show.bs.modal', function (event) { ... } .

正如文档所写，如果您想根据单击的按钮显示具有不同内容的模态，这会很方便。然后，您可以向按钮添加数据属性，为您的模式附加一些信息。

这是jsFiddle 。这几乎是引导文档中的代码。