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 Admin Template）。

Answer 1

CDN库的jQuery网址无效。

使用：

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

Answer 2

如果您从本地使用它，请指定协议：

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

ReferenceError：未定义jQuery（Metis主题模板）

2 个答案: