html - 如何使链接可点击但又不可点击？

Question

所以我正在开发我的网上商店并做最后的工作，使它看起来很漂亮。

我以为你知道什么很酷？如果有问号说明您可以搜索的内容。几秒钟后它就出现了……但是……我想你不能悬停在手机上。廉价修复。使其可点击。事实证明这不是一个便宜的修复程序，因为如果您单击它，它会将您链接到页面顶部。如何使弹出窗口可点击，但无处可去，也不刷新页面或任何其他内容？

到目前为止我得到了这个:`

    <form method="GET" action="search.php#shop" class="navbar-form navbar-right">
      <a href="#" title="Zoektermen" data-toggle="popover" data-trigger="focus" data-placement="left" data-content="U kunt zoeken op land, beschrijving, naam en merk."  >
        <p class="fa fa-question"></p>
      </a>
      <input id="form" name="id" type="text" placeholder="Producten zoeken" class="form-control" />
      <button type="submit" class="btn btn-primary">Zoekresultaten tonen</button>
    </form>
</div>

`

有点卡在这里所以帮助将不胜感激!提前致谢 附言不要在意文字。这是荷兰语:P

脚本是:

<script> $(document).ready(function(){ $('[data-toggle="popover"]').popover(); }); </script>

Answer 1

先给它一个id或者class

<a href="#"  id="popover_button" title="Zoektermen" data-toggle="popover" data-trigger="facous" data-placement="left" data-content="U kunt zoeken op land, beschrijving, naam en merk."  ></a>

使用 jQuery 禁用该功能

<script type="text/javascript">
$('#popover_button').click(function(e){
    e.preventDefault();
});
</script>