Bootstrap popover（可拖动）在拖动后跳转，该怎么办？

Question

我正在尝试使我的弹出框可拖动，但是当我拖动它时，它会根据DOM中的位置跳转，因为它的位置设置为top：0和left：0，并且它使用过渡来更改位置。有人知道如何解决这个问题吗？

HTML

<div class="row">
 <div class ="col-auto">
  <h2>
    sendhelp
  </h2>
 </div>
</div>
<div id="Normal">
 <a class="btn btn-primary draggable">Popover</a>
</div>

JS

$(".draggable").popover({
    html:true,
    content: "<p>Drag me</p>"
  }).popover('show');
$('.popover').draggable();

以下是jsfiddle中的一个示例： Example

尝试拖动该弹出框，您将看到跳跃的画面。

Answer 1

好像边距正在干扰CSS。尝试调整这些。