Javascript 显示远程链接内容的引导弹出窗口

我想在某些元素上使用bootstrap popover。当鼠标移到该元素上时，弹出框中将显示远程url内容

我发现了这个建议的解决方案，如果您想使用AJAX：

但我想可能有更简单的方法

有什么建议吗？

使用以下代码：

<a href="/" class="btn btn-default btn-pop-over-element" data-container="body" data-toggle="popover" data-placement="top">
  Popover on top
</a>

<script>

$('.btn-pop-over-element').click(function (e) {
    e.preventDefault();
    $.ajax({
        url: $(this).attr('href'),
        success: function () {
            $('.btn-pop-over-element').popover({content: '<p>This is a test content</p>', title: 'Test Title', html :true}).popover('show');    
        }
    })
});
</script>

$（'.btn弹出元素'）。单击（函数（e）{
e、 预防默认值（）；
$.ajax({
url:$（this.attr（'href'），
成功：函数（）{
$（'.btn pop-over-element'）.popover（{content:'这是一个测试内容，标题：'test-title'，html:true}）；
}
})
});

---

您还可以根据从ajax调用收到的响应更改标题和内容。您还可以根据需要更改href url。

您的远程url包含什么？@IamRaviteja它包含加载时对服务器的ajax调用，实际上是treant、jquery和bootstrap生成的可视图形。