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末尾的

表示在正确的位置添加了切换功能，并且隐藏了电话号码。

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

1 个答案: