为什么jQuery data（）在ajax上是未定义的？

Question

我有这个链接：

<div id="prod-interacoes">
<a href="javascript:void(0)" data-sku="'.$produto.'" data-inte="com" data-status="2">
<div id="int-icon" class="singico icon-inth_COM"></div></a>
</div> 

和这个jQuery / ajax一样：

$('#prod-interacoes').on('click', '#int-icon',(function(){
    $button = $(this);                          

    var psku = $button.data('sku');
    var inte = $button.data('inte');
    var status = $button.data('status');

    var infos = 'sku=' + psku + '&inte=' + inte + '&status=' + status;
    var link = 'http://linkhere';

  if ($button.hasClass('icon-inth_COM')){               

    // ajax. do unfollow
    $.ajax({                
        type: 'POST',
        url: link,                  
        data:infos,
        dataType: 'JSON',
        etc...

psku ， int 和状态 vars ??

为什么我的回复未定义

我是jscript的新手。谢谢你的帮助。

正确：

数据信息应该在div而不是链接上：

<div id="prod-interacoes">
<a href="javascript:void(0)">
<div id="int-icon" data-sku="'.$produto.'" data-inte="com" data-status="2"
class="singico icon-inth_COM"></div></a>
</div>