如何使链接可点击但不是?

时间:2016-01-18 18:23:46

标签: html css twitter-bootstrap-3 href popover

所以我正在我的网上商店工作并做最后的观点,以使它看起来很好看。

我以为你知道什么是酷的?如果有一个问号,说明你可以搜索什么。所以几秒钟之后就有......但是......你不能在移动设备上盘旋,所以我想。便宜的修复。让它可点击。事实证明这不是一个廉价的修复,因为如果你点击它,它会链接到页面的顶部。如何使弹出窗口可以点击,但无处可去,也不刷新页面或什么?

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

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

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

添加到<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>

答案 2 :(得分:0)

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

这应该可以正常工作。