将 javascript 事件附加到使用 AJAX 加载的内容

Question

以前我的页面以通常的方式加载，其中包含从数据库中获取的地址列表，并使用 php 脚本显示在页面上。 我在页面上有一个 JavaScript 代码，它用以下代码混淆了电话号码。

 <div class="telephoneNumber" data-last="'.$data_last.'" data-first="'.$first_numbers.'"> <span style="cursor:pointer;">'.$data_last.'</span> </div>

 $(document).ready(function(){ $('.telephoneNumber').toggle(function() { $(this).find('span').text(Joomla.JText._('ADVKONTENT_SHOW_TELEPHONE_NUMBER')); },function() { $(this).find('span').text( $(this).data('first') + $(this).data('last') ); }).click(); }

我已经更改了页面的架构，现在我们使用 ajax 调用加载地址列表，并将结果注入页面。 这些数字现在没有被混淆。

我已经搜索了可能的解决方案，但它们似乎都涉及一些用户操作，例如点击。 是否可以重写 JavaScript，它必须在 jquery 中，以便将结果加载到我们可以应用混淆脚本的页面中？

Answer 1

结果证明解决方案非常简单。 把代码：

$('.telephoneNumber').toggle(function() {
      $(this).find('span').text(Joomla.JText._('ADVKONTENT_SHOW_TELEPHONE_NUMBER'));
},function() {
  $(this).find('span').text( $(this).data('first') + $(this).data('last') );
}).click();

在 AJAX 调用中返回的 HTML 的末尾意味着切换 function 被添加到正确的点并且电话号码被隐藏。