将参数从 Liquid 传递给 JS 函数

Question

我有下一个代码

{%- if my_page.title -%}
<a class="page-link" onclick="return smoothlyScrollToSection()">{{ my_page.title | escape }}</a>
{%- endif -%} 

smoothlyScrollToSection 之前在代码中定义。它工作正常。

我想将my_page.title 作为参数传递给smoothlyScrollToSection。有没有办法做到这一点？

<a class="page-link" 
   onclick="return smoothlyScrollToSection({{my_page.title}})">
{{ my_page.title | escape }}</a>

没用

Answer 1

你忘了单引号...

<a class="page-link" 
onclick="return smoothlyScrollToSection('{{my_page.title}}')">
  {{ my_page.title | escape }}
</a>

这是一个字符串，你应该让 Javascript 知道。