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

Problem z jQuery noconflict(); POMOCY

Object Storage Arubacloud
0 głosów
140 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 694 wizyt
pytanie zadane 21 marca 2018 w JavaScript przez miro Pasjonat (23,870 p.)
0 głosów
0 odpowiedzi 189 wizyt
0 głosów
1 odpowiedź 224 wizyt
pytanie zadane 20 grudnia 2018 w PHP przez damian9901 Bywalec (2,140 p.)

92,757 zapytań

141,679 odpowiedzi

320,438 komentarzy

62,101 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.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...