通过onclick将参数传递给HandlebarsJS partial

Question

我有一些触发模态的<div>标签。 模态是部分包含在页面上。 我想根据单击的<div>更改模式中的文本。 单击<div>时，我无法弄清楚如何将变量传递给partial。 有任何想法吗？

<div data-open="config">
    <a href="">link 1</a>
</div>
<div data-open="config">
    <a href="">link 2</a>
</div>
{{> My_modal}}

Answer 1

请参阅open事件处理程序的API文档 。

你可以在这里放置一个函数，在对话框打开时完成你需要的所有工作。

但是你必须找到一种方法来获取你点击的元素，因为提供的事件只是来自jquery对话框的东西。

您可以通过在单击处理程序上的所选元素上设置一些css类来完成。

然后在需要时将其用于其他功能。

但是你可以在打开对话框的地方完成这项工作。

在此功能中，您可以访问单击的元素，并可以轻松获得文本。

然后只需使用您的信息编译您的车把模板。

看看这个jsfiddle示例 。

只需关闭对话框，然后单击其中一个链接，即可根据所选链接看到对话框内的文本更改。