Jquery: non exécuté dans le projet Codepen

Si vous tentez d'exécuter un projet sur Codepen et que, pour une raison quelconque, une partie du JS n'est pas en cours d'exécution, même si elle fonctionne dans le stylet individuel.Jquery: non exécuté dans le projet Codepen

Ci-dessous le code:

tête HTML

<head> 
    <link rel="stylesheet" href="css/style.css" type="text/css" /> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
    <script type="text/javascript" src="./js/script.js"></script> 
</head>

JS/Jquery

$(".box-2, .box-4").hover(
    function() { 
    $('.row div').removeClass("active"); 
    $(this).addClass("active"); 
    }, function() { 
    $(this).removeClass("active"); 
    } 
); 

window.setInterval(autohover, 3500); 

    function autohover(){ 
    var numberg = Math.floor(Math.random() * 7) + 1; 

    switch(numberg) { 
     case 1: 
     $('.row div').removeClass("active"); 
     $('#programming').addClass("active"); 
     break; 
     case 2: 
     $('.row div').removeClass("active"); 
     $('#design').addClass("active"); 
     break; 
     case 3: 
     $('.row div').removeClass("active"); 
     $('#healthfitness').addClass("active"); 
     break; 
     case 4: 
     $('.row div').removeClass("active"); 
     $('#astronomy').addClass("active"); 
     break; 
     case 5: 
     $('.row div').removeClass("active"); 
     $('#languages').addClass("active"); 
     break; 
     case 6: 
     $('.row div').removeClass("active"); 
     $('#photography').addClass("active"); 
     break; 
     case 7: 
     $('.row div').removeClass("active"); 
     $('#business').addClass("active"); 
     break; 
     default: 
     } 
    } 

$('.gotocoursesearch').on('click', function() { 

      var scrto = $(".second").offset().top ; 
       $('html, body').animate({ 
       scrollTop: scrto 
       }, 1500); 
     }); 

$('.questions button').on('click', function() { 
    $(this).siblings('button').removeClass('activetwo'); 
    $(this).addClass('activetwo'); 
});

La seule partie qui est en cours d'exécution est la partie JS (fonction autohover), il semble que c'est le Jquery qui ne fonctionne pas.

Source

2017-07-24 Valentijn van den Hout

J'espère que vous avez ajouté le jquery dans les javascript classes requises dropdown – Jeffin

S'il vous plaît sélectionner jquery par le menu déroulant –

Je ne pense pas que je comprenne ce que vous entendez par grâce à la liste déroulante. Pourriez-vous élaborer? J'ai ajouté le jquery à la tête ainsi que le script dont il a besoin pour fonctionner. Devrais-je en faire plus? @OmSao et Jeffin –

Compris. En quelque sorte. Plus de symptômes que de résoudre le problème de la source.

D'une manière ou d'une autre, le Jquery ne s'est pas chargé. J'ai mis le code du script directement dans le code HTML qui l'a fait fonctionner (le chargement du navigateur Jquery fonctionne).

Cependant, je ne sais toujours pas pourquoi le script externe ne s'est pas chargé correctement.

Merci pour les réponses/commentaires si!

Source

2017-07-24 09:51:49

Jquery: non exécuté dans le projet Codepen

Répondre

Questions connexes