第一次单击后，平滑的javascript导航停止工作

Question

此网页http://www.eboxlab.net/左侧有一个菜单。我需要实现的是能够在按下相应的菜单选项时转到页面部分。这是我的代码（非常确定它非常糟糕，但是在我完成它之后我会在以后清理它）：

 navigateMe();
navInit = 1;
navNext = 2;
function navigateMe() {
    step = jQuery('ul#navigation li').size();
    looper = setInterval(function(){
        if(navNext > step + 1) {
            navInit = 1;
            navNext = 1;
        }
      var refLink = jQuery('ul#navigation li:nth-child(' + navInit + ') a').attr('href').replace('#', '');
      var divLink = jQuery("div[id='" + refLink + "']").offset().top;
      jQuery('ul#navigation li:nth-child(' + navInit + ') a').on('click', function() {
         jQuery('html, body').animate({
             scrollTop: divLink
            }, 500); 
      });
      navInit = navNext;
      navNext = navNext + 1;

    }, 0);

}

然而问题是它只能工作一次。单击菜单一次后，它不再向上或向下滑动。请告诉我它有什么问题。 非常感谢提前。