当通过mysql显示元素时，不会触发Jquery事件

Question

I have some content that is fed in from mysql that, when clicked should fire an alert()... however, this is not working...

here is my code for the code that is fed in from php/get_answers.php

<?php session_start(); ?>
<?php require_once("../includes/include_all.php"); ?>
<?php $answers = $question->get_answers_for_question($_GET['id']); ?>
<?php while($row = $answers->fetch_array()){ ?>
  <!-- ALL ANSWERS HERE -->
  <div class = 'answer-row'>
    <div class = 'answer-side'>
        <div class = 'arrow-contain-answer' type = 'answer' id = 'arrow-up' answer-id = '<?php echo $row["id"]; ?>'></div>
        <div class = 'answer-votes-contain'>
            <?php echo $row['popularity']; ?>
        </div>
        <div class = 'arrow-contain-answer' id = 'arrow-down'answer-id = '<?php echo $row["id"]; ?>'></div>
      </div>

    <div class = 'answer-content'>
      <?php 
        echo $row['content'];
      ?>
    </div>

    <div class = 'actions'>
        <a href = '#' class= 'add-comment' id = '<?php echo $row["id"]; ?>'> add comment </a>
    </div>

  </div>

<?php } ?>

and here is the jquery on the page that it is displayed on:

$(".arrow-contain-answer").click(function(){
    alert();
});

What I want to happen is when someone clicks the element with the class of 'arrow-contain-answer' an event will occur..

I think I have had problems before when elements are being 'fed' into the page via mysql/php.

Answer 1

$(document).on("click", ".arrow-contain-answer", function(){
    alert();
});

Try this way for dynamic added elements!