2016-09-15 3 views
-2

Ich habe eine HTML-Tabelle wie so bekam:Warum ignoriert meine HTML-Tabelle Klicks?

<table id="top10ItemsTable"> 
    <tr> 
     <th>Item Code</th> 
     <th>Description</th> 
     <th class="rightjustifytext">Qty</th> 
    </tr> 
    . . . 

ich in dieser Tabelle auf Klicks reagieren soll, und so ist dies auf die Ready-Funktion hinzugefügt:

$("body").on("click", "#top10ItemsTable", function() { 
    alert('you clicked inside the Top 10 Items quadrant table'); 
}); 

... aber Klicken Die HTML-Tabelle erzeugt keine Warnung, es sei denn, sie ist entweder mikroskopisch oder unsichtbar.

Was ist nötig, um den Tisch hart genug zu stochern, um seine Haut zu bekommen?

+3

Sieht ganz gut h zu arbeiten ttps: //jsfiddle.net/rb1hyxh2/19/ –

+0

Haben Sie einen Click-Handler für eines der Elemente, das die Tabelle enthält? Verwendet dieser Handler 'event.stopPropagation' oder' return false; '? – Barmar

+0

Siehe http://stackoverflow.com/questions/39301652/delegated-event-binding-in-jquery/39301740#39301740 für eine Erklärung. – Barmar

Antwort

2

Sie könnten nur tun:

$("#top10ItemsTable").click(function() { 
    alert('you clicked inside the Top 10 Items quadrant table'); 
} 
1

Versuchen Sie folgendes:

$(document).on("click", "#top10ItemsTable", function() { 

    alert('you clicked inside the Top 10 Items quadrant table'); 

}) 

Schlusscode:

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
</head> 
 
    <body> 
 
     <table id="top10ItemsTable"> 
 
    <tr> 
 
     <th>Item Code</th> 
 
     <th>Description</th> 
 
     <th class="rightjustifytext">Qty</th> 
 
    </tr> 
 
     </table> 
 
     
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
     <script> 
 
      
 

 
    
 
$(document).on("click", "#top10ItemsTable", function() { 
 
    
 
    alert('you clicked inside the Top 10 Items quadrant table'); 
 
     
 
})  
 
     </script> 
 
    </body> 
 
</html>

Verwandte Themen