当ajax内容时，HTML无法在bootstrap popover上工作

Question

我正在使用bootstrap 3.3＆amp;试图在popover上显示ajax内容。这是我的jquery代码

$('.action_col span').popover({
        html: true,
        trigger: 'manual',
        placement: 'left',
        content: function () {
            var div_id = 'tmp-id-' + $.now();
            var tour_id = $.trim($(this).data('tour_id'));
            $.ajax({
                type: 'post',
                url: site_url + 'controller/tour_details',
                dataType: 'html',
                data: {
                    t: tour_id
                }
            }).done(function (response) {
                $('#' + div_id).html(response);
            });
            return '<div id="' + div_id + '">Loading...</div>';
        }
    });

tour_details方法

echo 'working';

这种方法很好但是当我发送任何HTML时它不再有效。像

 echo '<div class="popover"> <div class="arrow"></div> <h3 class="popover-title">test</h3> <div class="popover-content"> <p>fgds</p> </div> </div>';

这不起作用。这里有什么不对？

我的HTML视图文件

<span data-container="body" data-toggle="popover" data-tour_id="88">[Tour # 48844]</span>