通過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示例 。

只需關閉對話框，然后單擊其中一個鏈接，即可根據所選鏈接看到對話框內的文本更改。