Prestashop jQuery bir nechta CSS usulidan foydalanganda oq sahifani ko'rsatish

Men jQuery kodlarining bir qismini prestashop 1.5 bosh sahifasida, aslida Header.TPL faylida ishlatganman.

Men bir nechta CSS usulini ishlatganimda (bir qatorda bir nechta), sayt yuklanmaydi va oq sahifa yonadi (masalan, bizda PHP sintaksisi xatosi bo'lganida).

bu kodlar :

$(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"});

     });
});

lekin bu usul ham ishlaydi:

$(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");
     });
});

har qanday taklif qadrlanadi.


php jquery css prestashop-1.5
person Milad Jafari    schedule 26.01.2014    source manba

Javoblar (1)


arrow_upward
0
arrow_downward

Prestashop o'z shablonlari uchun Smarty-dan foydalanganligi sababli, siz bir qatorda chap va o'ng qavslardan foydalana olmaysiz. Lekin chap jingalak qavs ({) uchun {redelim} va oʻng jingalak qavs (}) uchun {rdelim} dan foydalanishingiz mumkin.

Eng oson yechim qavslardan keyin qatorlarni qo'yishdir. Bu kod ishlashi kerak.

$(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"
        });

 });
});
person edtech    schedule 26.01.2014