JS Jquery

crg53 -  
jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour, à vous.
J'ai quelque souci j'ai utilisé jquery pour que au scroll il y est une opacité et que le menu devienne fix.
Le probleme c'est que si j'appelle les deux fichiers seul un des deux fonctionnes.
Je peux pas mettre les deux en même temps je ne sais pas pourquoi. Alors que c'est deux script different.
J'éspere que vous pourrais m'aidé car j'ai vu que vous aviez aucune section Java Script

2 réponses

  1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
     
    Bonjour,
    Le probleme c'est que si j'appelle les deux fichiers seul un des deux fonctionnes.

    Tu parles de deux fichiers..... lesquels ?
    Que contiennent ils ?
    Comment les "appelles" tu ?

    J'éspere que vous pourrais m'aidé car j'ai vu que vous aviez aucune section Java Script

    Comme tu peux le voir, ton message a été déplacé dans le forum "javascript".

    NB: Pour poster du code sur le forum, pense à utiliser LES BALISES DE CODE.
    Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
    0
  2. crg53
     
    Bonsoir,
    j'ai un page Agence.php avec la quel j'appelle un menu
    <header>
    <section class="section1 social">
    <div class="bienvenu"> <p class="bounce animated"><a href="contact.php" rel="nofollow noopener noreferrer" target="_blank">Bienvenue <br> une question ?<br><span >contactez nous</span>. </a></p></div>
    </section>
    <div class="menu"><?php include 'menu.html';?> </div>
    </header>

    Dans menu.html j'ai un script qui celui ci fonctionne (il colle mon menu en fix au scroll)

    <script>
    $(window).load(function(){
    $("#header").sticky({ });
    });
    </script>

    dans mon head de agence je fais un appelle de mon fichier opacity.js

    <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="jquery.sticky.js"></script>
    <script type="text/javascript" src="opacity.js"></script>

    qui contient un script qui donne une opacité au scroll qui ne fonctionne pas (alors que le meme fichier appeler dans une autre page html cela fonctionne correctement )
    <code>
    $( document ).ready(function() {
    var divs = $('.social');
    $(window).on('scroll', function() {
    var st = $(this).scrollTop();
    divs.css({ 'opacity' : (1 - st/700) });
    });
    });
    </code
    Je ne l'est pas trouver dans la catégorie développement autant pour moi
    Configuration: Mac OS X (10.11.6) / Chrome 53.0.2785.143
    0
    1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
       
      Est-ce que tu as des messages d'erreur dans la console de ton navigateur ?
      0