Когда вы открываете Popover [bootstrap], экран теряет фокус и уходит в начало

Question

У меня есть запрос, где заполнять таблицу html записями из базы данных. В одном из столбцов каждой строки есть несколько вариантов редактирования, удаления, добавления фотографий и другого параметра, который открывает Popover.

Этот Popover является Bootstrap 3 и происходит каждый раз, когда я нажимаю эти кнопки, на экране исчезает фокус на том месте, где он находится, и идет в начало страницы, я не хочу, чтобы это произошло, как действовать дальше?

Следит код:

<td class="col-small center"> 
<div class="action-buttons">          
<a class="popover-dw" href="#" data-popover="true"> 
    <i class="fa fa-cog bigger-130" data-toggle="tooltip"></i> 
</a> 
<div class="popover-content" style="display:none"> 
    <form class="marcarComoVendido"> 
    <div> 
     <p> 
     Anúncio: <%=rsAnuncios("id")%> 
     </p> 
     <p> 
     <input <%=checkVendido%> type="checkbox" id="marcarComoVendido<%=rsAnuncios("id")%>" onclick="alugadoVendido('src/rotinas/rotinas.asp?acao=Vendido&id=<%=rsAnuncios("id")%>&tipo=vendido&idInput=marcarComoVendido<%=rsAnuncios("id")%>&outroInput=marcarComoAlugado<%=rsAnuncios("id")%>', 'marcarComoVendido<%=rsAnuncios("id")%>', 'marcarComoAlugado<%=rsAnuncios("id")%>');" /> Marcar anúncio como VENDIDO 
     </p> 
     <p> 
     <input data-rel="tooltip" title="Republicar Anúncio" <%=checkAlugado%> type="checkbox" id="marcarComoAlugado<%=rsAnuncios("id")%>" onclick="alugadoVendido('src/rotinas/rotinas.asp?acao=Vendido&id=<%=rsAnuncios("id")%>&tipo=alugado&idInput=marcarComoAlugado<%=rsAnuncios("id")%>&outroInput=marcarComoVendido<%=rsAnuncios("id")%>', 'marcarComoAlugado<%=rsAnuncios("id")%>', 'marcarComoVendido<%=rsAnuncios("id")%>');" /> Marcar anúncio como ALUGADO 
     </p> 
    </div> 
    </form> 
</div> 
</div> 
</td> 

А вот JavaScript:

$('body').popover({ 
    selector: '[data-popover]', 
    title: '<b>Alugado ou Vendido</b> <button type="button" id="close" class="close" onclick="$(&quot;[data-original-title]&quot;).popover(&quot;hide&quot;);">&times;</button>', 
    placement : 'left', 
    trigger: 'click', 
    html: true, 
    delay: {show: 50, hide: 400}, 
    content: function(ele) { 
     console.log(ele,this); 
     return $(this).next(".popover-content").html(); 
    } 
}); 

$('body').on('click', function(e) { 
    if (typeof $(e.target).data('original-title') == 'undefined' && 
    !$(e.target).parents().is('.popover.in')) { 
     $('[data-original-title]').popover('hide'); 
    } 
}); 

Answer 1

я должен был снять тег HREF:

<a class="popover-dw" data-popover="true"> 
<i class="fa fa-cog bigger-130" data-toggle="tooltip"></i> 
</a>