如何使 link 可点击但又不可点击?
How to make a link clickable but also not?
所以我正在开发我的网店并做最后的工作,使它看起来更漂亮。
我以为你知道什么很酷?如果有问号说明您可以搜索的内容。几秒钟后它就出现了……但是……我想你不能悬停在手机上。廉价修复。使其可点击。事实证明这不是一个便宜的修复程序,因为如果您单击它,它会将您链接到页面顶部。如何使弹出窗口可点击,但无处可去,也不刷新页面或任何其他内容?
到目前为止我得到了这个:`
<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>
添加到<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>
先给它一个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>
<code><a href="#" title="Zoektermen"> My Text</a>
这应该可以正常工作。
所以我正在开发我的网店并做最后的工作,使它看起来更漂亮。
我以为你知道什么很酷?如果有问号说明您可以搜索的内容。几秒钟后它就出现了……但是……我想你不能悬停在手机上。廉价修复。使其可点击。事实证明这不是一个便宜的修复程序,因为如果您单击它,它会将您链接到页面顶部。如何使弹出窗口可点击,但无处可去,也不刷新页面或任何其他内容?
到目前为止我得到了这个:`
<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>
添加到<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>
先给它一个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>
<code><a href="#" title="Zoektermen"> My Text</a>
这应该可以正常工作。