Javascript HTML菜单Jquery

我在html页面中有一个包含以下代码的菜单：

<header>
     <div class="sticky-nav">
        <a id="mobile-nav" class="menu-nav" href="#menu-nav"></a>

        <nav id="menu">
        <ul id="menu-nav">
            <li class="current"><a href="index.html">Home</a></li>
            <li><a href="clubs.html">Clubs</a></li>
            <li><a href="campaigns.html">Campaigns</a></li>
            <li><a href="movement.html">Movement</a></li>
            <li><a href="https://www.youtube.com/user/OfficialAevidum/videos">Videos</a></li>
            <li><a href="events.html">Events</a></li>
            <li><a href="the_talk.html">The Talk</a></li>
            <li><a href="resources.html">Resources</a></li>
            <li><a href="http://aevidum.logoshop.com/">Store</a></li>
        </ul>

    </nav>

    </div>
</header>

菜单有一个问题，当我将这个JQuery文件链接到html页面时，菜单不起作用，我可以单击移动菜单，但不能单击链接。但是当我没有链接时，我可以点击链接，但是移动菜单不起作用

以下是该文件的JQuery代码：

(function() {

(function(root, factory) {
if (typeof define === 'function' && define.amd) {
  return define(['jquery', 'waypoints'], factory);
} else {
  return factory(root.jQuery);
}
})(this, function($) {
var defaults, wrap;
defaults = {
  wrapper: '<div class="sticky-wrapper" />',
  stuckClass: 'stuck'
};
wrap = function($elements, options) {
  $elements.wrap(options.wrapper);
  $elements.each(function() {
    var $this;
    $this = $(this);
    $this.parent().height($this.outerHeight());
    return true;
  });
  return $elements.parent();
};
return $.waypoints('extendFn', 'sticky', function(options) {
  var $wrap, originalHandler;
  options = $.extend({}, $.fn.waypoint.defaults, defaults, options);
  $wrap = wrap(this, options);
  originalHandler = options.handler;
  options.handler = function(direction) {
    var $sticky, shouldBeStuck;
    $sticky = $(this).children(':first');
    shouldBeStuck = direction === 'down' || direction === 'right';
    $sticky.toggleClass(options.stuckClass, shouldBeStuck);
    if (originalHandler != null) {
      return originalHandler.call(this, direction);
    }
  };
  $wrap.waypoint(options);
  return this;
 });
 });

 }).call(this);

最后，我正在使用的目录如下所示：

---

任何帮助都将不胜感激

您需要对此进行一些调试。查看浏览器开发人员工具，以便知道要问什么问题。您添加的文件可能有冲突。请尝试使用jquery noConflict，如下所示：$.noConflict；