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);
});