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

标签链接不会停止默认操作

1 个答案: