• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z jQuery noconflict(); POMOCY

Aruba Cloud - Virtual Private Server VPS
0 głosów
149 wizyt
pytanie zadane 4 kwietnia 2016 w JavaScript przez Michał Samolewski Bywalec (2,240 p.)
edycja 4 kwietnia 2016 przez Arkadiusz Waluk

Witam, mam problem z dodaniem 3 skryptu na stronie. Mam już stworzoną cała witrynę. Na ten moment są na niej umieszczone 2 skrypty; na slider ze zdjęciami (js/modernizr.custom.86080.js), na wysuwaną zakładkę facebooka z bloga p. Mirosława Zelenta (jquery.min.js oraz tabslideout.v1.3.js). Chciałbym dodać trzeci skrypt z najnowszego odcinka HTML'a p. Mirosława, który to dodaje przycisk scrollup do naszej strony oraz tworzy płynne przejście między linkami. Tu jednak pojawia się problem. Próbowałem już 1000 sposobów wstawienia jQuery noconflict, ale w najlepszym przypadku udało mi się uzyskać efekt braku działania tego skryptu na scrolla. W najgorszych przypadkach połowa witryny była w całkowitej rozsypce. Proszę o pomoc. Poniżej wstawiam fragment kodu w którym wszystko 'siedzi'. Pozdrawiam!
 

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="utf-8" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="..." />
    
    <title>Pizzeria Cannena - Najsmaczniej w WWA!</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/demo.css" />
    <link rel="stylesheet" type="text/css" href="css/style1.css" />
    <link rel="stylesheet" type="text/css" href="icons/css/fontello.css" />
    
    <script type="text/javascript" src="js/modernizr.custom.86080.js"></script>
    
    <link href='https://fonts.googleapis.com/css?family=Tauri|Lato&subset=latin,latin-ext|Courgette:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    
    

    <!--FACEBOOK-->
    <script src="facebook/jquery.min.js" type="text/javascript"></script>
    <script src="facebook/tabslideout.v1.3.js" type="text/javascript"></script>
    
    
    

    <!-- ########## SKRYPT FACEBOOK ########## -->
    <script type="text/javascript">
        $(function(){
            $('.slide-out-div').tabSlideOut({
                tabHandle: '.handle',
                pathToTabImage: 'facebook/zakladka.png',
                imageHeight: '120px',
                imageWidth: '40px',
                tabLocation: 'left',
                speed: 300,
                action: 'hover',
                topPos: '200px',
                leftPos: '20px',
                fixedPosition: true
            });
        });
    </script>

    
    <!--SCROLL-->
    
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.scrollTo.min.js"></script>
    
    <!-- ########## SKRYPT SCROLL ########## -->
    <script>
            
            $(window).scroll(function(){
                    
                    if((this).scrollTop()>300) $('.scrollup').fadeIn();
                    else $('.scrollup').fadeOut();
                    
            });
            
            
            
            jQuery(function(){
                    //reset scrolla
                    $.scrollTo(0);    
            });
            
    
            
    </script>
    
    
    
</head>

<body id="page">

<div class="slide-out-div">
        <a class="handle">Content</a>
        <iframe src="http://www.facebook.com/plugins/likebox.php?
    href=http%3A%2F%2Fwww.facebook.com%2Fpizzeriacannena&
    width=240&height=280&show_faces=true&
    colorscheme=light&stream=false&show_border=false&
    header=false&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:280px;" allowTransparency="true"></iframe>
</div>
        
        
    
        
        
        
        <div class="wrapper">
        

        <a href="#" class="scrollup"></a>
        
        
        

            <div id="header">............................[....]

 

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
0 odpowiedzi 889 wizyt
pytanie zadane 21 marca 2018 w JavaScript przez miro Pasjonat (23,870 p.)
0 głosów
0 odpowiedzi 201 wizyt
0 głosów
1 odpowiedź 252 wizyt
pytanie zadane 20 grudnia 2018 w PHP przez damian9901 Bywalec (2,140 p.)

93,334 zapytań

142,328 odpowiedzi

322,406 komentarzy

62,670 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...