At.js @弹出框不在光标附近，同一个js绑定事件，有的页面位置正确，有的偏移，求大神指点

Question

//回复、取消按钮
$("body").on("click", ".btn-comment-reply", function() {
    $(this).parents('.content-wrapper').find('.write-comment').toggleClass("hide");
    var datat =dataAtList;
    var names = $.map(datat,function(value,i) {
        return {'id':i,'name':value,'email':value+"@email.com"};
    });
    var at_config = {
        at: "@",
        data: names,
        headerTpl: '<div class="atwho-header">Member List<small>↑&nbsp;↓&nbsp;</small></div>',
        insertTpl: '${name}',
        displayTpl: "<li><img src='../static-app/images/me/02.png' height='20' width='20' />${name}</li>",
        limit: 200
    }
    $inputor = $(".write-comment>.form-control").atwho(at_config);
    $inputor.caret('pos', 47);
    $inputor.focus().atwho('run');
     
})
datat是@的人员数组；

其他页面位置偏移 如图：

这个是html绑定在textarea上的

Answer 1

哥，解决了没？资料真少！

Answer 2

看看是不是页面有iframe,源代码对iframe判断了偏移量

Answer 3

或许是因为异常的页面没有引入atwho.css吧？