将外部html文件加载到popover中

Question

这是我的html模型，

<li tabindex='+len+' rel="popover" data-poload="templates/workInProcessDetail.html"class="pop" data-placement="left"></li>

Jquery的：

$(".pop").popover({ title: 'Look! A bird!' });

我需要将一个外部html文件弹出到该popover中，请帮帮我

Answer 1

你可以这样做：

$(".pop").popover({
    title: 'Look! A bird!',
    html: true,
    content: function () {
        $.get('path to html').success(function (data) {
            return data;
        });
    }
});

演示：http://jsfiddle.net/AmitJoki/szkrx/65/

Answer 2

这是从上述Amit Joki的答案中获得线索的针对这种情况的工作代码。

$(".pop").popover({
    title: 'Your title',
    html: true,
    content: function () {
        $.get('path to html file', function (data) {
          $(".popover-body").html(data);
          $(".popover-body").css("padding", "20px");
        });
    }
});