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

//回复、取消按钮
$("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: '
Member List↑ ↓ 
',
        insertTpl: '${name}',
        displayTpl: "
${name}
",
        limit: 200
    }
    $inputor = $(".write-comment>.form-control").atwho(at_config);
    $inputor.caret('pos', 47);
    $inputor.focus().atwho('run');
     
})
datat是@的人员数组；

其他页面位置偏移 如图：

这个是html绑定在textarea上的