Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Konflikt pomiędzy lightboxem2.0 a efektem s3Slider z jQuery
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
adrian1987
Mam taki problem, zrobiłem stronkę i podpiąłem pod nią lightboxa. Później podpiąłem efekt s3Slider oparty o jQuery żeby banner z tego powstał... I w tym momencie lightbox przestał midziałać:( jak odwrócę kolejność linkowania plików w headzie to lightbox działa, a s3Slider nie działa:/
efekt możecie zobaczyć pod adresem:
LINK
Jak przejdziecie do galerii to jak klikniecie na zdjęcia to zobaczycie, że lightbox nie działa...
nospor
byc moze dlatego ze oba deklarują wlasne $()

uzyj trybu noConflict dla jQuery to moze ci zabangla (wiecej info na stronie jQuery)
adrian1987
a teraz przeczytałem o tym noConflict taki trik, tylko nie bardzo rozumiem jak go wykorzystać...
LINK
To jak to jQuery u siebie wywołuję funkcją
  1. <?php
  2. <script type="text/javascript">
  3.    $(document).ready(function() {
  4.        $('#slider1').s3Slider({
  5.            timeOut: 3000
  6.        });
  7.    });
  8. </script>
  9. ?>

To mógłby ktoś podpowiedzieć mi jak to przełożyć na ten sposób??
  1. <?php
  2. (function($) {
  3.  //tutaj można używać $ bez strachu o konflikt
  4. })(jQuery);
  5. ?>
vokiel
zamiast $ możesz używać jQuery
adrian1987
  1. <script type="text/javascript">
  2. jQuery(document).ready(function() {
  3. jQuery('#slider1').s3Slider({
  4. timeOut: 3000 });
  5. });

zamieniłem $ na jQuery i niestety lightbox cały czas niedziała...
Ok... już wiem zapomniałem dopisać jQuery.noConflict();
teraz już działa... Dzięki wielkie za pomoc...
erix
PS. Poszukaj sobie wersji pod jQuery; nie ma sensu stosować dwóch różnych bibliotek realizujących to samo...
aymoo
Mam podobny kłopot. U mnie nie pomogło powyższe rozwiązanie. Może źle użyłem tej funkcji, albo mam nie taka wersje jQuery? Czy to tak powinno być?
  1. <script type="text/javascript">
  2. jQuery.noConflict();
  3. jQuery(document).ready(function(){
  4. jQuery("#slider").easySlider({
  5. auto: true,
  6. continuous: true
  7. });
  8. });
  9. </script>

Zobaczcie: Slideshow i galeria zdjęć
Z góry dzięki za pomoc.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.