javascript - 引用错误: jQuery is not defined (Metis Theme Template)

Question

我是 jQuery 的新手，我想获得一些这方面的帮助。

我正在尝试测试主题模板，但以下 jQuery 代码给我带来了麻烦(此代码是默认代码):

    <!--jQuery -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript">
      (function($) {
        $(document).ready(function() {
          $('.list-inline li > a').click(function() {
            var activeForm = $(this).attr('href') + ' > form';
            //console.log(activeForm);
            $(activeForm).addClass('animated fadeIn');
            //set timer to 1 seconds, after that, unload the animate animation
            setTimeout(function() {
              $(activeForm).removeClass('animated fadeIn');
            }, 1000);
          });
        });
      })(jQuery);

我总是遇到同样的错误:

ReferenceError: jQuery is not defined
})(jQuery);

你有什么想法吗？此代码来自主题模板(Metis Bootstrap 管理模板)。

Answer 1

jQuery 库的 CDN url 不起作用。

用途:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
//           ^^^^^^