javascript - 尽管在 main.js 之前加载了 jquery，但未定义 jquery $

Question

我使用smoothstate.js，但我的jquery cdn在我的main.js之前它仍然给我一个错误$未定义

我的脚本加载顺序：

    <!-- jquery -->
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <!--Smoothstate.js -->
    <script src="../assets/scritps/jquery.smoothState.min.js"></script>
    <!-- Script tags -->
    <script src="../assets/scritps/main.js"></script>

这是我的代码：

$(function(){
'use strict';
var $page = $('#main'),
    options = {
      debug: true,
      prefetch: true,
      cacheLength: 2,
      onStart: {
        duration: 250, // Duration of our animation
        render: function ($container) {
          // Add your CSS animation reversing class
          $container.addClass('is-exiting');
          // Restart your animation
          smoothState.restartCSSAnimations();
        }
      },
      onReady: {
        duration: 0,
        render: function ($container, $newContent) {
          // Remove your CSS animation reversing class
          $container.removeClass('is-exiting');
          // Inject the new content
          $container.html($newContent);
        }
      }
    },
    smoothState = $page.smoothState(options).data('smoothState');
});

标签： javascriptjquery