Javascript 为动态添加的内容展开事件

我试图在我的网页中显示一些包含数据的可折叠文件，并在每次打开它们时执行一个函数

现在我可以展示它们了。我在主页上的pageshow中通过ajax调用获得它们。然后我在第二页的content div的html（）中设置（它们的位置）

它们似乎是这样的：

<div id='off_id_offer' class='offer_send_obs' onclick='offer_send_obs();' data-role='collapsible'>
   <h3><font size='4' face='verdana'>titulo</font></h3>
   <table border='0' style='width:100%;'>
      <tr>
         <td align='center'>
            fechas
         </td>
      </tr>
      <tr>
         <td align='center' style='width:50%;'>
            <img style='width:70%;' src=imagen />
         </td>
      </tr>
      <tr>
         <td>
            texto
         </td>
      </tr>
   </table>
</div>
<br>

---

我使用的是jquery 1.10.2和jquery mobile 1.4.3

通过使用

委派

，您走的路是正确的。解决方案是找到一个选择器，返回已经存在的元素。例如：

$（'body'）。在（'click'，'提供_send_obs'

或者您可以在动态添加元素的同时附加

事件处理程序

。我不了解事件处理程序，您能给我举个例子吗？

事件处理

就是我在第一条评论中发布的代码中所说的内容。我只是尝试了一下，但没有效果k、 什么也没发生

function offer_send_obs(){
  console.log("function exec");
}

$('.offer_send_obs').on('click', '.offer_send_obs', function(){
  console.log("click exec");
});