首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >阻止“跳转到顶部”链接

阻止“跳转到顶部”链接
EN

Stack Overflow用户
提问于 2017-03-20 13:01:03
回答 2查看 41关注 0票数 0

我已经在我的footer.php中使用了它来防止我的工具提示链接跳到页面的顶部,但是使用它也会停用/破坏我的导航栏?

有没有一种方法可以防止工具提示按钮上的“跳转到顶部”,但仍然保持导航栏不受影响?

代码语言:javascript
复制
<script>
jQuery( "a" ).click(function( event ) {
  event.preventDefault();
  $( "<div>" )
    .append( "default " + event.type + " prevented" )
    .appendTo( "#log" );
});
</script>

Link

您将在页面上看到代表"wifi“、”洗手间“等的图标。使用下面的图标是为了使这些工具提示链接(#)在单击时不会使页面跳转

EN

回答 2

Stack Overflow用户

发布于 2017-03-20 14:46:43

这似乎起了作用。

代码语言:javascript
复制
<script>
 jQuery( 'a[href="#"]' ).click(function( event ) {
  event.preventDefault();
  $( "<div>" )
  .append( "default " + event.type + " prevented" )
  .appendTo( "#log" );


});
</script>
票数 1
EN

Stack Overflow用户

发布于 2017-03-20 13:11:13

return false添加到函数的最后一行

代码语言:javascript
复制
<script>
 jQuery( "a" ).click(function( event ) {
  event.preventDefault();
  $( "<div>" )
  .append( "default " + event.type + " prevented" )
  .appendTo( "#log" );

  return false;

});
</script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42896156

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档