如何通过点击所有链接标签来调用jQuery函数？

Question

我有以下的jQuery代码：

<script> 
    var init = function() { 
     // Resize the canvases) 
     for (i = 1; i <= 9; i++) { 
      var s = "snowfall" + i 
      var canvas = document.getElementById(s); 
      canvas.width = window.innerWidth; 
      canvas.height = window.innerHeight; 

      // Now the emitter 
      var emitter = Object.create(rectangleEmitter); 
      emitter.setCanvas(canvas); 
      emitter.setBlastZone(0, -10, canvas.width, 1); 
      emitter.particle = snow; 
      emitter.runAhead(60); 
      emitter.start(30); 
     } 
     $("canvas").delay(10000).animate({ 
      opacity: '0', 

     }); 
    }; 
</script> 
<ul class="nav navbar-nav"> 
    <li class="fst"><a href="#" data-href="Home"><span class="icon-menu" /> Home</a> 
    </li> 
    <li class="fst"><a href="#" id="flip" data-href="AboutUs"><span class="icon-menu" /> About us</a> 
    </li> 
    <li class="fst"><a href="#" data-href="Products"><span class="icon-menu" /> Products</a> 
    </li> 
    <li class="fst"><a href="#" data-href="Franchising"><span class="icon-menu" /> Franchising</a> 
    </li> 
    <li class="fst"><a href="#" data-href="News"><span class="icon-menu" /> News</a> 
    </li> 
</ul> 

我想用这个jQuery代码到所有的href标签。

我试图使用click函数，在这种情况下，只有第一个选项卡工作正常，其余的根本不起作用。

任何人都可以解释我吗？

Answer 1

$('.navbar-nav a').click(function(e) { 
    e.preventDefault(); 

    var data = $(this).data('href'); 

    // do whatever you need 
}); 

Answer 2

基于关闭@Petar瓦西列夫的回答

http://jsfiddle.net/dHR8V/2/

$('.navbar-nav a').click(function(e) { 
    e.preventDefault(); 
    debugger; 

    window.location.href = "someurl"; 

    // do whatever you need 
}); 

当你点击一个链接的处理程序捕获单击事件和执行。您现在可以控制单击链接时发生的任何事情。