Prestashop Show White Page При использовании jquery multiple css method

Question

Я использовал часть кода jquery в prestashop 1.5 домашняя страница, фактически в файле 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" 
     }); 

}); 
});