jquery - 选项卡链接不停止默认操作

Question

每次我单击一个选项卡时，我都有以下 jquery 选项卡的代码，它会转到页面顶部：

<div id="wrapper">
        <ul class="tabs">
            <li id="fixtures_tab"><a href="#fixtures"><?php echo ALL;?></a></li>
            <li id="live_tab"><a href="#live"><?php echo LIVE;?></a></li>
            <li id="finished_tab"><a href="#finished"><?php echo FINISHED;?></a></li>
            <li id="program_tab"><a href="#program"><?php echo PROGRAM;?></a></li>
            <li id="postpond_tab"><a href="#postpond"><?php echo POSTPOND;?></a></li>
            <li id="selected_tab"><a onclick="stripe_Color();" id='f' href="#fav"><?php echo SELECTED;?> (0)</a></li>
        </ul>
        <div class="tab-container">
            <div id="fixtures" class="tab-content"><script type="text/javascript">
            </script></div>
            <div id="live" class="tab-content"><script type="text/javascript"></script></div>
            <div id="finished" class="tab-content"><script type="text/javascript"></script></div>
            <div id="program" class="tab-content"><script type="text/javascript"></script></div>
            <div id="postpond" class="tab-content"><script type="text/javascript"></script></div>
            <div id="fav" class="tab-content"><script type="text/javascript"></script></div>
        </div> 

所以我使用一些 jquery 行来解决以下问题：

$(document).ready(function(){
    setTimeout(function(){

    $('.tabs').find('li').each(function(){
        var stay = $(this).find('a');
        $(this).find('a').click(function(e){
                alert('test');
            e.preventDefault();
        });
    });
    }, 3000);
});

警报正在工作，但 e.preventDefault(); 不是 。代码有什么问题吗？？？

Answer 1

尝试

$(document).ready(function(){
  setTimeout(function(){
    $('.tabs').find('li').each(function(){
      var stay = $(this).find('a');
      $(this).find('a').click(function(e){
        alert('test');
        return false;
      });
    });
  }, 3000);
});