wdrożenia PrestaShop

Problem z panelem bocznym jQuery

  • 2 Odpowiedzi
  • 2590 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline maciej_

  • Nowy
  • *
  • 17
  • 0
Problem z panelem bocznym jQuery
« dnia: Grudzień 30, 2011, 05:55:10 pm »
Witam,

otóż powstał problem jak dla mnie nie wiadomej przyczyny :/ Po dodaniu funkcji odpowiedzialnej za animację w header.tlp zamiast sklepu pojawia się biała strona  :

<script type="text/javascript">
      
      $(function(){
         
         $("#panel").css("left","-220px");
         
         $(".slide_button").toggle(function(){
            
            $("#panel").animate({left: "0px"}, 500 );
            $(this).addClass("zamknij");
            return false;
         },
         function(){   
            $("#panel").animate({left: "-220px"}, 500 );
            $(this).removeClass("zamknij");
            return false;
         });
         
      });
      
   </script>


Sklep jest tu : http://msart.p9.pl/rowery_czesci/sklep/
A panel boczny powinien wyglądać tak : http://demo.websta.pl/panel/


O co w ogóle chodzi, konflikt skryptów ?  dodałem również tę funkcję z linku czyli :

<script type="text/javascript" src="{$content_dir}js/tu_skrypt.js"></script>


...no i animacji brak :) Wiecie o co chodzi ? Nie będzie działał czy jak ? ;)



*

Offline maciej_

  • Nowy
  • *
  • 17
  • 0
Odp: Problem z panelem bocznym jQuery
« Odpowiedź #1 dnia: Grudzień 31, 2011, 12:26:33 pm »
Z wysuwaniem sytuacja rozwiązana, trzeba było podać właściwą ścieżkę no i to co wyżej wstawić do jednego skryptu ale i tak koncepcja się zmieniła. Powiedzcie mi dlaczego w kodzie link do skryptu pokazuje się na czerwono ? O co chodzi, jakiś błąd jest ?


*

Offline weiser78

  • Użytkownik
  • **
  • 27
  • 0
Odp: Problem z panelem bocznym jQuery
« Odpowiedź #2 dnia: Styczeń 03, 2012, 11:37:56 am »
Trudno tak na szybko coś powiedzieć, poza tym, że używając jQuery w Preście dobrze jest pamiętać o:

.noConflict - do unikania konfliktu różnych elementów js
oraz {literal}kod js{/literal} - do wywoływania skryptów

Spróbuj z tym pokombinować, może pomoże...