0
votes

Alerte en cas de clic à l'aide de jQuery pour ID chargé à l'aide de jQuery

Lorsque l'utilisateur clique sur DIV, avoir ID est également affiché dans l'image, il devrait alerter hi . Mais cela n'atteint pas. Il n'y a pas d'erreur dans la console.

 Entrez la description de l'image ici

new_invoice_table.php: xxx

new_invoice_table_ajax .php: xxx


0 commentaires

3 Réponses :


0
votes

Vous devez charger votre script après que le DOM a chargé em> strong>

p>

$(document).on("click","#minus_1_36",function(){
    alert("hi");
});


2 commentaires

Cliquez sur moi Cela devrait figurer sur une autre page, pas sur la même page!


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.



0
votes

Si nous mettons Cliquez () Code> dans le new_invoice_table_ajax.php em> strong>, ça marche!:

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>


0 commentaires

1
votes

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");
});


0 commentaires