jQuery localScroll插件不起作用

Question

localScroll插件对我不起作用。控制台没有说什么，我也没有看到错误。

这是我的代码：

<script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="js/jquery.localScroll.js"></script>

<div id="navbar" class="collapse navbar-collapse">
  <ul id="navigation_menu" class="marginul nav navbar-nav">
    <li class="active"><a href="#mapa">Mapa</a></li>
    <li><a href="#institucional">Nosotros</a></li>
    <li><a href="#contacto">Contacto</a></li>
  </ul>
</div>

然后我有3个ID及其内容的部分：

<section id="mapa" class="section_mapa"></section>
<section id="institucional" class="section_institucional fondoinstitucional"></section>
<section id="contacto" class="section_contacto">

我的jQuery代码：

<script type="text/javascript">
  $(document).on("ready",function(){
      $("#navigation_menu").localScroll({

      duration:1000,

    });

  });
</script>

请帮助我！

谢谢！