jQuery的工作小提琴不能讓它在網站上工作

Question

是否有一個特定的地方加載js文件int正確的順序？它被覆蓋了嗎？ http://amf.wp.land/wp-content/themes/transfers/jsautoload/dropdown.js

https://jsfiddle.net/megapt/8nn3houc/

document.getElementById("pickup1").selectedIndex = 23; //Option 10 
$('#pickup1').on('change', function(){ 
    console.log($('#pickup1').val()); 
    $('#dropoff1').html(''); 
    if($('#pickup1').val()==441){ 
     $('#dropoff1').append('<option value="469">Albufeira</option>'); 
     $('#dropoff1').append('<option value="471">Alcantarilha/(Aqualand)</option>'); 
     $('#dropoff1').append('<option value="475">Alfamar (Aquamarina)</option>'); 
     $('#dropoff1').append('<option value="478">Algeciras (Spain)</option>'); 
     $('#dropoff1').append('<option value="480">Aljezur</option>'); 
     $('#dropoff1').append('<option value="482">Almancil</option>'); 
     $('#dropoff1').append('<option value="619">Altura</option>'); 
     $('#dropoff1').append('<option value="621">Armação de Pêra</option>'); 
     $('#dropoff1').append('<option value="622">Ayamonte</option>'); 
     $('#dropoff1').append('<option value="624">Balaia</option>'); 
     $('#dropoff1').append('<option value="625">Beja</option>'); 
     $('#dropoff1').append('<option value="626">Boliqueime</option>'); 
     $('#dropoff1').append('<option value="627">Bordeira</option>'); 
     $('#dropoff1').append('<<option value="628">Burgau</option>'); 
     $('#dropoff1').append('<option value="637">Cabanas de Tavira</option>'); 
     $('#dropoff1').append('<option value="636">Cadiz</option>'); 
     $('#dropoff1').append('<option value="635">Cartaia</option>'); 
     $('#dropoff1').append('<option value="634">Carvoeiro</option>'); 
     $('#dropoff1').append('<option value="633">El Portil/El Rompido</option>'); 
     $('#dropoff1').append('<option value="632">Estoi</option>'); 
     $('#dropoff1').append('<option value="631">Évora</option>'); 
     $('#dropoff1').append('<option value="441">Faro (Airport)</option>'); 
     $('#dropoff1').append('<option value="629">Guia</option>'); 
     $('#dropoff1').append('<option value="648">Huelva</option>'); 
     $('#dropoff1').append('<option value="646">Isla Antilla</option>'); 
     $('#dropoff1').append('<option value="645">Isla Canela</option>'); 
     $('#dropoff1').append('<option value="644">Lagoa</option>'); 
     $('#dropoff1').append('<option value="643">Lagos</option>'); 
     $('#dropoff1').append('<option value="642">Lisboa</option>'); 
     $('#dropoff1').append('<option value="641">Loulé</option>'); 
     $('#dropoff1').append('<option value="640">Málaga</option>'); 
     $('#dropoff1').append('<option value="639">Moncarapacho</option>'); 
     $('#dropoff1').append('<option value="647">Monchique</option>'); 
     $('#dropoff1').append('<option value="661">Monte Gordo</option>'); 
     $('#dropoff1').append('<option value="660">Montechoro</option>'); 
     $('#dropoff1').append('<option value="659">Olhão</option>'); 
     $('#dropoff1').append('<option value="658">Olhos de Água</option>'); 
     $('#dropoff1').append('<option value="657">Oura</option>'); 
     $('#dropoff1').append('<option value="656">Penina</option>'); 
     $('#dropoff1').append('<option value="655">Porches</option>'); 
     $('#dropoff1').append('<option value="442">Portimão</option>'); 
     $('#dropoff1').append('<option value="654">Praia da Galé</option>'); 
     $('#dropoff1').append('<option value="653">Praia da Rocha</option>'); 
     $('#dropoff1').append('<option value="652">Quarteira</option>'); 
     $('#dropoff1').append('<option value="651">Querença</option>'); 
     $('#dropoff1').append('<option value="650">Quinta do Lago</option>'); 
     $('#dropoff1').append('<option value="649">Sagres</option>'); 
     $('#dropoff1').append('<option value="662">São Brás de Alportel</option>'); 
     $('#dropoff1').append('<option value="663">Sevilha</option>'); 
     $('#dropoff1').append('<option value="664">Silves</option>'); 
     $('#dropoff1').append('<option value="665">Sta. Bárbara de Nexe</option>'); 
     $('#dropoff1').append('<option value="666">Tavira</option>'); 
     $('#dropoff1').append('<option value="667">Vale do Lobo/Vale Garrão</option>'); 
     $('#dropoff1').append('<option value="668">Vila Real de Sto António</option>'); 
     $('#dropoff1').append('<option value="669">Vilamoura</option>'); 
    }else{ 
     $('#dropoff1').append('<option value="441">Faro (Airport)</option>'); 
    } 
}); 

其對小提琴的工作...

Answer 1

的jsfiddle首先加載jQuery庫，那麼你提供的庫，最後在腳本窗口的JavaScript。在你的網站中，你也應該首先加載jQuery，最好在<head>之後，然後是dropdown.js。自定義腳本代碼應放置在頁面末尾的<script>標記中，其中加載所有DOM元素。