javascript - 最初のクリック後にスムーズな JavaScript ナビゲーションが機能しなくなる

Question

この Web ページ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);

}

ただし、問題は、それが一度しか機能しないことです。メニューを一度クリックすると、上下にスライドしなくなります。何が悪いのか教えてください。よろしくお願いします。