Php Jquery事件获胜'；当通过mysql显示元素时，不会触发

我有一些从mysql输入的内容，当点击时会触发警报（）。。。 然而，这是行不通的

下面是我从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 } ?>

我想发生的是，当有人单击具有“arrow contain answer”类的元素时，将发生一个事件

我想我以前在通过mysql/php将元素“输入”到页面时遇到过问题

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

尝试这种方式动态添加元素

如果在添加动态fed元素时使用文档中最接近的静态元素（父元素）将其委派，则会更好（性能方面）

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

---

要了解更多有关事件的信息，请告诉我为什么需要添加$（文档）？$（“元素选择器”）仅在页面加载时位于html代码处时有效，如果在页面加载后添加，这是编写代码的正确方法。属性和它们的值之间真的有空格吗？那不行。不，当我复制和粘贴我的格式时，我的格式变得很时髦。。。我试图尽可能地清理它，在定义html属性时不要用空格包围等号

=

。另外，对这些属性使用双引号：

class=“arrow contain answer”

而不是

class=“arrow contain answer”

您在哪里包含jQuery代码？如果它位于此HTML节之前，则可以将其包装在

$（document）.ready（function（）{//your code}）中。如果是之前，那么您正试图绑定到页面上还不存在的元素。ready（）函数将在DOM完全加载后运行。
$('.answer-row').on("click", ".arrow-contain-answer", function(){
  alert('clicked');
});