如何使鏈接可點擊但不能點擊？

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>

`

Kinda卡在這里，將不勝感激！ 在此先感謝PS不用理會文字。 這是荷蘭語：P

腳本是：

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

Answer 1

首先給它一個ID或類

<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>

Answer 2

添加到<a>錨點：

onclick =“ e.preventDefault（）;”

要么

onclick="return false;"

要么

href="javascript:void(0)"

如果提供了正在使用的實際功能會更容易。

 <form method="GET" action="search.php#shop" class="navbar-form navbar-right"> <a href="#" title="Zoektermen" data-toggle="popover" data-trigger="facous" data-placement="left" data-content="U kunt zoeken op land, beschrijving, naam en merk." onclick="e.preventDefault();"> <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> 

Answer 3

<a href="#" title="Zoektermen"> My Text</a>

這應該工作正常。