jQuery“事件监听器”不能处理来自数据库的数据

Question

我正在从我的数据库中提取文本并插入到具有 类 的 P TAG 中，该类用作我的 的句柄>listener，但是当我点击文本时，JavaScript 没有反应。

网站：http://fluentabc.com/edit.php

这是一张图片：

HTML

<p class="sec_text" id="sec_1" data-reveal-id="myModal">
  <?php 
  $query = mysqli_query($con,"SELECT * FROM site_edit WHERE site_sec='MainTitle'");

  while($qt = mysqli_fetch_array($query)){
  echo $MainTitle = $qt['site_txt']; // <-- I WANT TO CLICK ON THIS TEXT
  }                         
  ?>                      
</p>

JS

$(document.body).on('click', '.sec_text' ,function(){

     var txt = $(this).text();
     var sec_id = $(this).parent().attr('id');

     $("#curEditing").html("Your Editing : " + sec_id);
     $("#sec_edit_name").val(sec_id);

     tinyMCE.activeEditor.setContent(txt);

}); 

Answer 1

只需更新您的 html 代码 100% 工作：

你的输出应该是这样的：

<p class="sec_text" id="sec_1" data-reveal-id="myModal">Learn English Today!</p>

更新 HTML：

<p class="sec_text" id="sec_1" data-reveal-id="myModal">
  <?php 
  $query = mysqli_query($con,"SELECT * FROM site_edit WHERE site_sec='MainTitle'");

  while($qt = mysqli_fetch_array($query)){
    echo $MainTitle = strip_tags($qt['site_txt']); // <-- I WANT TO CLICK ON THIS TEXT
  }                         
  ?>                      
</p>

Answer 2

 <div>
  <?php 
 $query = mysqli_query($con,"SELECT * FROM site_edit WHERE     site_sec='MainTitle'");

 while($qt = mysqli_fetch_array($query)){
 echo '<p  class="sec_text" id="sec_1" data-reveal-id="myModal"'>.$qt['site_txt'].'</p>'; // <-- I WANT TO CLICK ON THIS TEXT
 }                         
?>                      
</div>