Javascript 如何通过单击所有链接选项卡调用jQuery函数？

我有以下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>

var init=函数（）{
//调整画布的大小）
根据@Petar Vasilev的回答，对于（i=1；i）


单击链接时，处理程序将捕获单击事件并执行。现在，您可以控制单击链接时发生的任何事情。
Hello@Petar Vasilev..正如您所提到的，我将类名用作所有锚定标记的导航栏导航..但它不起作用
$('.navbar-nav a').click(function(e) {
    e.preventDefault();

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

    // do whatever you need
});

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

  window.location.href = "someurl";

  // do whatever you need
});