2017-04-07 9 views
0

私は、私のサイトのいたるところに共通のモーダルを表示しています。私は速いパグミックスインを作りたかったので、何度も繰り返して構造を入力する必要はありません。pug mixinをJavaScriptに渡す

しかし、#idをjsのtoggle_visibility関数に渡す方法はわかりません。 (注、JSは、私はちょうどミックスインに変換しようとしている、完璧に動作します)

mixin modal(id, content) 
div.modal(class= id) 
    div.modal-content= content 
    a.close(onclick="toggle_visibility('= id');") Close 

はここではしているもの(ミックスイン外)

div.modal#downloads-citations 
     div.modal-content 
     p some content here to show article citations 
     a.close(onclick="toggle_visibility('downloads-citations');") Close 

答えて

0

パグコードは、作業の一例です探しているものは「属性補間」と呼ばれ、現在のバージョンのPugでは直接サポートされていません(ドキュメントのthis page参照)。

しかし、幸いなことに、文字列の連結に基づいた簡単な回避策があります。コードスニペットの最後の行を次の文で置き換えます。

a.close(onclick="toggle_visibility('" + id + "');") Close 
+0

これは完全に機能します。ありがとうございました!!!! –

+0

スタックオーバーフローを助けてくれることを嬉しく思います。この回答があなたの問題を解決する場合は、それを合格とマークしてください。 – gandreadis

関連する問題