Кнопка больше не стреляет

Question

Я делаю сайт, и внутри него есть несколько кнопок. Они перестали работать в последние сутки или два по какой-то причине, что я не могу понять.

Вот функция Click.

//Click "Belgium" 
    $('#actions').on('click', '#btnBelgium', function() 
    { 
     console.log("belgium pressed"); 
     clearTableRows(); 
     irelandMatches.length = 0; 
     nation = "belgium"; 
     loadDoc(); 
     document.getElementById("btnSort").value = "Sort: Descending"; 
     matchOrderReversed = false; 
    }); 

Это HTML:

<div id="actions"> 
     <input type="submit" class="navButton" value="Sort: Descending" id="btnSort"> 

     <input type="submit" class="navButton" value="" id="btnBelgium"> 
     <input type="submit" class="navButton" value="" id="btnIreland"> 
     <input type="submit" class="navButton" value="" id="btnItaly"> 
     <input type="submit" class="navButton" value="" id="btnSweden"> 
    </div> 

Весь раздел страница Javascript содержится в:

$(document).ready(function() 

Answer 1

Кусок кода, который вы предоставили, работает. При нажатии кнопки нажмите кнопку. Проверьте, есть ли ошибки в консоли js в инструментах dev. Должна быть и другая проблема.

//Click "Belgium" 
 
    $('#actions').on('click', '#btnBelgium', function() 
 
    { 
 
     console.log("belgium pressed"); 
 
     alert('clicked'); 
 
     clearTableRows(); 
 
     irelandMatches.length = 0; 
 
     nation = "belgium"; 
 
     loadDoc(); 
 
     document.getElementById("btnSort").value = "Sort: Descending"; 
 
     matchOrderReversed = false; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="actions"> 
 
     <input type="submit" class="navButton" value="Sort: Descending" id="btnSort"> 
 

 
     <input type="submit" class="navButton" value="" id="btnBelgium"> 
 
     <input type="submit" class="navButton" value="" id="btnIreland"> 
 
     <input type="submit" class="navButton" value="" id="btnItaly"> 
 
     <input type="submit" class="navButton" value="" id="btnSweden"> 
 
    </div>

Answer 2

Почему вы не используете?

$('#btnBelgium').bind('click', function() 
{ 
    console.log("belgium pressed"); 
    clearTableRows(); 
    irelandMatches.length = 0; 
    nation = "belgium"; 
    loadDoc(); 
    document.getElementById("btnSort").value = "Sort: Descending"; 
    matchOrderReversed = false; 
});