Lorsque l'utilisateur clique sur DIV, avoir ID new_invoice_table.php: h3>
new_invoice_table_ajax .php: h3>
3 Réponses :
Vous devez charger votre script après que le DOM a chargé em> strong> p> $(document).on("click","#minus_1_36",function(){
alert("hi");
});
Mettez le code JS dans un script externe et incluez la balise de script avec le chemin de votre SRC dans le fichier new_invoice_table_ajax.php. repose tout de même. Inclure votre étiquette de script après la méthode DOM ou UTILISER $ (document) (document) dans votre script et chargez le script n'importe où dans votre fichier new_invoice_table_ajax.php.
Si nous mettons Cliquez () Code> dans le
new_invoice_table.php: h3 >
<table class="table table-striped table-hover table-bordered">
<thead class="text-center">
<tr>
<th>Service</th>
<th>Quantity</th>
</tr>
</thead>
<tr>
<td>Service Name</td>
<td class="d-flex justify-content-between align-items-center p-0">
<div id="minus_1_36" class="fas fa-caret-square-down fa-3x"></div><span>3</span>
<a href="" class="fas fa-caret-square-up fa-3x"></a>
</td>
</tr>
</table>
<script>
$('#minus_1_36').click(function() {
alert("hi");
});
</script>
Si vous appendez n'importe quel élément après que DOM a chargé, vous pouvez utiliser délégué () code> sélecteur
$ ("corps"). Délégué ("# MINUS_1_36", "Cliquez sur". ) {}) code> parce que la table charge avec
charge () code> après la page a chargé.
function get_table() {
$("#siteloader").load('new_invoice_table_ajax.php')
}
$("body").delegate('#minus_1_36', 'click',function() {
alert("hi");
});