Prestashop，在 .tpl 中，如何在 <script 内容中使用 smarty 变量？

Question

我希望在我的 javascript 中使用 smarty 变量，但我不能这样做 >

我当前的代码但产生错误 =>

<script type="text/javascript">
var title = document.title;
var height1 = {$mysmartyvariable1};
var height2 = {$mysmartyvariable2};
if (title == 'index')
{ var height = height1; }
else { var height = height2; };

$(document).on("scroll",function(){
    if($(document).scrollTop()>height){
        $("#nav").removeClass("navfull").addClass("navsmall");
    } else{
        $("#nav").removeClass("navsmall").addClass("navfull");
    }
});
</script>

那么我如何在这个脚本部分添加 mysmartyvariable1 呢？

#

感谢 Allan Nienhuis 正确的代码是：

<script type="text/javascript">
var title = document.title;
var height1 = {$mysmartyvariable1};
var height2 = {$mysmartyvariable2};
{literal}
if (title == 'index')
{ var height = height1; }
else { var height = height2; };

$(document).on("scroll",function(){
    if($(document).scrollTop()>height){
        $("#nav").removeClass("navfull").addClass("navsmall");
    } else{
        $("#nav").removeClass("navsmall").addClass("navfull");
    }
});
{/literal}
</script>

Answer 1

我发现您的代码存在两个问题。

1) 你没有在 $mysmartyvariable2 周围加上 {} 括号。这会将“未定义”分配给 height2，因为 smarty 根本不会处理此变量，并且名为 $mysmartyvariable2 的 javascript 变量未定义。

2) 在嵌入使用 { } 字符的 javascript 时，您需要使用 {literal} {/literal} 标签，这样 smarty 不会尝试将 javascript {} 字符解释为 smarty 语法。

http://www.smarty.net/docsv2/en/language.function.literal

在这种情况下，您可以在 height2 声明/赋值之后开始 {literal} 标记，因为前面的行应该由 smarty 解释，但下面的行不应该由 smarty 解释。

var height2 = {$mysmartyvariable2};
{literal}
if (title == 'index') 
  { //code here 
  }

// other code
{/literal}
</script>