Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Konflikt jquery
Forum PHP.pl > Forum > Po stronie przeglądarki
dominikx96
17.11.2013, 13:00:22
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 sad.gif
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 !
fizzlebubble
17.11.2013, 13:12:49
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>
dominikx96
17.11.2013, 13:39:32
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 sad.gif
fizzlebubble
17.11.2013, 13:42:44
Masz tą stronę gdzieś online? Może w złej kolejności wczytujesz pliki.
dominikx96
17.11.2013, 14:13:20
Wszystkie kody wpisałem w temacie, w jakiej kolejności mam je wczytywać ?
fizzlebubble
17.11.2013, 14:20:18
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
dominikx96
17.11.2013, 14:24:51
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>
fizzlebubble
17.11.2013, 14:32:40
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.
fizzlebubble
17.11.2013, 14:49:44
So silly... biggrin.gif. 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ć.
dominikx96
17.11.2013, 15:06:38
Teraz niestety nie działa ani to ani to sad.gif
fizzlebubble
17.11.2013, 15:35:27
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 sad.gif
dominikx96
17.11.2013, 15:42:15
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>
fizzlebubble
17.11.2013, 16:09:52
Powiedz mi proszę, czy poważnie wyłączyłeś możliwość pkliku? tongue.gif 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ć.
dominikx96
17.11.2013, 16:20:23
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 sad.gif
fizzlebubble
17.11.2013, 16:33:41
eeech... dobra, jako że mam dobry dzień podrzuć dane na FTP przez PW.
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.