带有ajax的Bootstrap popover

Question

我想添加一个带有ajax的动态内容的popover。

我找到了this question，但由于我的问题不同，我无法回答

这是我的HTML代码：

<a id='{{user}}' class="manager" href="#" rel="popover" onclick="getValue(this)">{{user}}</a>

这里是jquery部分：

<script type="text/javascript">

        function getValue(control)
            {
            var id = $(control).attr('id');
            $('#loadingDiv').show();
            $("#manager").hide()


            $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
            $.getJSON($SCRIPT_ROOT + '/_jquerymanagerdetails', 

            {'id':id}
            ,

            function(data) {

            $("#manager").html(data.html);
            $("#manager").show()
            $('#loadingDiv').hide();
            });

        return false;
        };

</script>



<script type="text/javascript">
  var div = '<div id="manager"></div>
  $('[rel="popover"]').popover({ title: 'Look! A bird!', content: div, html:true, placement:"right"});
</script>

到现在为止，我已经有了id="manager"的另一个div，我在那里加载了所有内容。但我想在一个弹出窗口上做这件事，我认为这有点奇怪。