Prestashop显示白页时使用jquery多个css方法

Question

我在prestashop 1.5 主页中使用了一些jquery代码，实际上是在Header.TPL文件中。

当我使用多个css方法（多行一行）时，网站无法加载，白页会显示（就像我们有PHP语法错误时）

这是代码：

$(document).ready(function(){
     $("#items li").hover(function(){

            $(this).children('a').css({"bottom":"0px","line-height":"120px","font-size":"25px"});

                },function(){

            $(this).children('a').css({"line-height":"25px","bottom":"-110px","font-size":"12px"});

     });
});

但此方法也有效：

$(document).ready(function(){
     $("#items li").hover(function(){

            $(this).children('a').css("bottom", "0px");
            $(this).children('a').css("font-size", "25px");
            $(this).children('a').css("line-height", "120px");
                },function(){
            $(this).children('a').css("bottom", "-110px");
            $(this).children('a').css("font-size", "12px");
            $(this).children('a').css("line-height", "25px");
     });
});

任何建议都会表示赞赏。

Answer 1

由于prestashop使用Smarty作为模板，因此不能在一行使用左右括号。但是你可以使用{redelim}作为左大括号（{），使用{rdelim}作为右大括号（}）。

最简单的解决方案是在大括号后插入换行符。这段代码应该有用。

$(document).ready(function(){
 $("#items li").hover(function(){

        $(this).children('a').css({
       "bottom":"0px","line-height":"120px","font-size":"25px"
        });

            },function(){

        $(this).children('a').css({
           "line-height":"25px","bottom":"-110px","font-size":"12px"
        });

 });
});