防止“跳到顶部”链接

时间:2017-03-20 05:01:03

标签: php jquery wordpress

我在footer.php中使用过这个来防止我跳到页面顶部的工具提示链接,但是使用它还会停用/中断我的导航栏?

有没有办法使用它来防止工具提示按钮上的“跳到顶部”,但仍然不会影响导航栏?

<script>
jQuery( "a" ).click(function( event ) {
  event.preventDefault();
  $( "<div>" )
    .append( "default " + event.type + " prevented" )
    .appendTo( "#log" );
});
</script>

Link

您将在页面上看到代表“wifi”“浴室”等的图标。使用以下内容,以便那些工具提示链接(#)在点击时不会使页面跳转

2 个答案:

答案 0 :(得分:1)

这似乎可以解决问题

<script>
 jQuery( 'a[href="#"]' ).click(function( event ) {
  event.preventDefault();
  $( "<div>" )
  .append( "default " + event.type + " prevented" )
  .appendTo( "#log" );


});
</script>

答案 1 :(得分:0)

添加返回false 作为功能的最后一行

<script>
 jQuery( "a" ).click(function( event ) {
  event.preventDefault();
  $( "<div>" )
  .append( "default " + event.type + " prevented" )
  .appendTo( "#log" );

  return false;

});
</script>