Как сделать ссылку доступной, но также нет?

Question

Так что я работаю над своим интернет-магазином и делаю последние моменты, чтобы все выглядело хорошо.

Я думал, вы знаете, что было бы круто? Если возник вопрос, который сказал, что вы можете искать. Так что несколько секунд спустя это было ... но ... вы не можете навестить на мобильном телефоне, так что я подумал. Дешевое решение. сделать его интерактивным. Оказалось, что это не дешевое решение, потому что если вы нажмете на него, он свяжет вас с верхней частью страницы. Как сделать так, чтобы popover можно было щелкнуть, но ведет к никуда, а также не обновляет страницу или annything?

Я получил это до сих пор: `

<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.S. Не обращайте внимания на текст. Это голландский: P

Сценарий:

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

Answer 1

Во-первых дать ему идентификатор или класс

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

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>

Это должно работать нормально.