Konflikt jquery |
Konflikt jquery |
17.11.2013, 13:00:22
Post
#1
|
|
Grupa: Zarejestrowani Postów: 10 Pomógł: 0 Dołączył: 15.11.2013 Ostrzeżenie: (0%) |
Posiadam na swojej stronie skrypt slidera camera, który używa jquery.
Chciałem do strony dołożyć kod do przewijania do poszczególnych elementów, ale kiedy on działa to slider znika Jak to naprawić ? Poniżej załączam wszystkie pliki. Slider: http://pastebin.com/QxKSSxbM http://pastebin.com/Z9hvwWn2 http://pastebin.com/6Mya6DJn http://pastebin.com/jk6TnTjC Kod slidera: Kod <script> jQuery(function(){ jQuery('#camera_wrap_1').camera({ thumbnails: true }); jQuery('#camera_wrap_2').camera({ height: '400px', loader: 'bar', pagination: false, thumbnails: true }); }); </script> Kod przewijania: Kod <script> function scroll_to(selector) { $('html,body').animate({scrollTop: $(selector).offset().top}, 1000); return false; } </script> Pomóżcie ! |
|
|
17.11.2013, 13:12:49
Post
#2
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) |
Tak na szybkości:
Kod <script>
jQuery(function(){ jQuery('#camera_wrap_1').camera({ thumbnails: true }); jQuery('#camera_wrap_2').camera({ height: '400px', loader: 'bar', pagination: false, thumbnails: true }); function scroll_to(selector) { jQuery('html,body').animate({scrollTop: jQuery(selector).offset().top}, 1000); return false; } }); </script> Ten post edytował fizzlebubble 17.11.2013, 13:13:24 -------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
|
|
17.11.2013, 13:39:32
Post
#3
|
|
Grupa: Zarejestrowani Postów: 10 Pomógł: 0 Dołączył: 15.11.2013 Ostrzeżenie: (0%) |
Zapomniałem dodać, że aby działało przewijanie muszę dodać jeszcze biblotekę jquery np. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
A jak to dodam to slider nie działa |
|
|
17.11.2013, 13:42:44
Post
#4
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) |
Masz tą stronę gdzieś online? Może w złej kolejności wczytujesz pliki.
-------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
|
|
17.11.2013, 14:13:20
Post
#5
|
|
Grupa: Zarejestrowani Postów: 10 Pomógł: 0 Dołączył: 15.11.2013 Ostrzeżenie: (0%) |
Wszystkie kody wpisałem w temacie, w jakiej kolejności mam je wczytywać ?
|
|
|
17.11.2013, 14:20:18
Post
#6
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) |
Ok, ale jednego nie kumam. W wymienionych bibliotekach podales jQuery 1.7.1, a parę postów niżej piszesz:
"Zapomniałem dodać, że aby działało przewijanie muszę dodać jeszcze biblotekę jquery np. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>" Dodawaj jedną albo drugą, nie obie. Kolejność ma być taka: jQuery (http://pastebin.com/QxKSSxbM) jQueryEasing (http://pastebin.com/6Mya6DJn) jQueryM (http://pastebin.com/Z9hvwWn2) Camera Slideshow (http://pastebin.com/jk6TnTjC) TWOJE SKRYPTY -------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
|
|
17.11.2013, 14:24:51
Post
#7
|
|
Grupa: Zarejestrowani Postów: 10 Pomógł: 0 Dołączył: 15.11.2013 Ostrzeżenie: (0%) |
Kody wyglądają tak, a nadal nie działa camera, przewijanie działa.
Kod <script type='text/javascript' src='js/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script> <script type='text/javascript' src='js/jquery.mobile.customized.min.js'></script> <script type='text/javascript' src='js/camera.min.js'></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script> function scroll_to(selector) { $('html,body').animate({scrollTop: $(selector).offset().top}, 1000); return false; } </script> <script> jQuery(function(){ jQuery('#camera_wrap_1').camera({ thumbnails: true }); jQuery('#camera_wrap_2').camera({ height: '400px', loader: 'bar', pagination: false, thumbnails: true }); function scroll_to(selector) { jQuery('html,body').animate({scrollTop: jQuery(selector).offset().top}, 1000); return false; } }); </script> |
|
|
17.11.2013, 14:32:40
Post
#8
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) |
usun to:
Kod <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script> function scroll_to(selector) { $('html,body').animate({scrollTop: $(selector).offset().top}, 1000); return false; } </script> Nie dając linka do WWW uniemożliwiasz podglądnięcie błędów i właśnie przez jakąś durnotę ten skrypt się wywala. -------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
|
|
17.11.2013, 14:49:44
Post
#9
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) |
So silly... . Usuń to co Ci powiedziałem i podmień kod w scripts na:
Kod $(function(){ $('#camera_wrap_1').camera({ thumbnails: true }); $('#camera_wrap_2').camera({ height: '400px', loader: 'bar', pagination: false, thumbnails: true }); $('.nav-down').click(function() { $('html,body').animate({scrollTop: $('.logo').offset().top}, 1000); return false; }); }); A na zadanie domowe masz go ładnie sformatować. -------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
|
|
17.11.2013, 15:06:38
Post
#10
|
|
Grupa: Zarejestrowani Postów: 10 Pomógł: 0 Dołączył: 15.11.2013 Ostrzeżenie: (0%) |
Teraz niestety nie działa ani to ani to
|
|
|
17.11.2013, 15:35:27
Post
#11
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) |
Bo masz tam straszny makaron. Gdy pousuwałem zbędne node i wkleiłem ten kod w konsolę Chrome wsio mi działało. Obawiam się, że powinieneś nadgonić podstawy jQuery, aby do końca zrozumieć co w tym kodzie tak do końca jest złe
-------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
|
|
17.11.2013, 15:42:15
Post
#12
|
|
Grupa: Zarejestrowani Postów: 10 Pomógł: 0 Dołączył: 15.11.2013 Ostrzeżenie: (0%) |
Tak, jestem z tego kompletnie zielony.. ale tak się złożyło że musiałem użyć tych rzeczy do mojego projektu "na już". Kiedyś na pewno się zajmę jquery ;d
Tak wracając do tematu kod wygląda tak, trudno mi określić co tutaj nie gra :/ Kod <script type='text/javascript' src='js/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script> <script type='text/javascript' src='js/jquery.mobile.customized.min.js'></script> <script type='text/javascript' src='js/camera.min.js'></script> <script> $(function(){ $('#camera_wrap_1').camera({ thumbnails: true }); $('#camera_wrap_2').camera({ height: '400px', loader: 'bar', pagination: false, thumbnails: true }); $('.nav-down').click(function() { $('html,body').animate({scrollTop: $('.logo').offset().top}, 1000); return false; }); }); </script> |
|
|
17.11.2013, 16:09:52
Post
#13
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) |
Powiedz mi proszę, czy poważnie wyłączyłeś możliwość pkliku? Ewentualnie podmień
Kod $(function() na Kod jQuery(function($) { // ... }); gdyż tu jest jakiś konflikt. Zakładam, iż wszystkie instancje tworzysz poprawnie zgodnie z ich dokumentację, jednakże polecałbym się upewnić. -------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
|
|
17.11.2013, 16:20:23
Post
#14
|
|
Grupa: Zarejestrowani Postów: 10 Pomógł: 0 Dołączył: 15.11.2013 Ostrzeżenie: (0%) |
Nie wyłączałem, samo się tak zrobiło ;p
po zmianie $(function() na to co mówisz pojawia się tak jakby ładowanie slidera, ale nic się nie dzieje;d Przewijanie nie działa. Hehe juz tego w ogóle nie ogarniam |
|
|
17.11.2013, 16:33:41
Post
#15
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) |
eeech... dobra, jako że mam dobry dzień podrzuć dane na FTP przez PW.
-------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
|
|
Wersja Lo-Fi | Aktualny czas: 25.04.2024 - 18:43 |