Jquery：未在Codepen項目中運行

試圖在Codepen上運行項目，由於某些原因，部分JS未運行，即使它在個別筆中工作。Jquery：未在Codepen項目中運行

代碼如下：

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'); 
});

運行的唯一部分是JS部分（功能autohover），所以它看起來像這是Jquery沒有運行。

來源

2017-07-24 Valentijn van den Hout

我希望你已經在javascript所需的類下拉列表中添加了jquery – Jeffin

請通過下拉列表選擇jquery –

我不認爲我通過下拉菜單理解你的意思。你能詳細說明一下嗎？我已經將jquery添加到頭部以及需要運行的腳本中。我應該做更多嗎？ @OmSao和Jeffin –

想通了。某種程度上來說。比實際解決源問題更多的症狀殺人。

不知何故Jquery沒有加載。我把腳本代碼直接放入HTML代碼中，使其工作（瀏覽器Jquery加載工作）。

但是，我仍然不知道爲什麼外部腳本沒有正確加載。

感謝您的答案/評論！

來源

2017-07-24 09:51:49

Jquery：未在Codepen項目中運行

回答

相關問題