将参数从 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 知道。