按鈕點擊不再發射

我正在製作一個網站，並在其中有幾個按鈕。由於某些原因，我終於在最後一兩天停止了工作，我無法弄清楚。按鈕點擊不再發射

這裏是點擊功能。

//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()

來源

2016-04-26 user3102785

你看到在控制檯中的任何錯誤？ – crazymatt

您是否使用stopPropagation添加了其他一些點擊事件？ –

我[做了一個js.fiddle]（https://jsfiddle.net/d3twL037/）和點擊事件似乎工作正常，但我確實在控制檯中得到了「clearTableRows is not defined」錯誤。 – crazymatt

您提供的代碼段有效。按鈕點擊，如果射擊。檢查在開發工具中是否有任何js控制檯錯誤。應該還有其他一些問題。

//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>

來源

2016-04-26 20:25:50

沒有解決我的問題，因爲它是導致它的一些其他因素，但是這起作用，並提供了運行代碼的示例。 – user3102785

你爲什麼不使用？

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

來源

2016-04-26 20:24:36

，因爲按鈕可能會越來越多地添加在行動按鈕 – joyBlanks

但他給了模板和按鈕已經在那裏 –

可能是我們可以更好地理解。嘿，我保持開放態度 – joyBlanks

按鈕點擊不再發射

回答

相關問題