javascript - Adapt.js - ADAPT_CONFIG 未定义

Question

我收到错误“未定义 ADAPT_CONFIG”，但我在页面中包含了配置..

{% block javascripts %}
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="{{ asset('/bundles/dproc/assets/js/adapt.min.js') }}"></script>
    <script>
    // Edit to suit your needs.
    var ADAPT_CONFIG = {
     // Where is your CSS?
    path: 'assets/css/',

    // false = Only run once, when page first loads.
    // true = Change on window resize and page tilt.
    dynamic: true,

    // First range entry is the minimum.
    // Last range entry is the maximum.
    // Separate ranges by "to" keyword.
        range: [
        '0px    to 760px  = mobile.min.css',
        '760px  to 980px  = 720.min.css',
        '980px  to 1280px = 960.min.css',
        '1280px to 1600px = 1200.min.css',
        '1600px to 1940px = 1560.min.css',
    '1940px to 2540px = 1920.min.css',
    '2540px           = 2520.min.css'
     ]
    };
    </script>
    {% endblock %}

它已定义..但我无法解决问题？

Answer 1

You should include adapt.js script after declaring adapt_config variable

Answer 2

切

  <script src="{{ asset('/bundles/dproc/assets/js/adapt.min.js') }}"></script>

将其粘贴在：

 <script>
// Edit to suit your needs.
var ADAPT_CONFIG = {
 // Where is your CSS?
path: 'assets/css/',

// false = Only run once, when page first loads.
// true = Change on window resize and page tilt.
dynamic: true,

// First range entry is the minimum.
// Last range entry is the maximum.
// Separate ranges by "to" keyword.
    range: [
    '0px    to 760px  = mobile.min.css',
    '760px  to 980px  = 720.min.css',
    '980px  to 1280px = 960.min.css',
    '1280px to 1600px = 1200.min.css',
    '1600px to 1940px = 1560.min.css',
'1940px to 2540px = 1920.min.css',
'2540px           = 2520.min.css'
 ]
};
</script>

像这样：

  <script>
// Edit to suit your needs.
var ADAPT_CONFIG = {
 // Where is your CSS?
path: 'assets/css/',

// false = Only run once, when page first loads.
// true = Change on window resize and page tilt.
dynamic: true,

// First range entry is the minimum.
// Last range entry is the maximum.
// Separate ranges by "to" keyword.
    range: [
    '0px    to 760px  = mobile.min.css',
    '760px  to 980px  = 720.min.css',
    '980px  to 1280px = 960.min.css',
    '1280px to 1600px = 1200.min.css',
    '1600px to 1940px = 1560.min.css',
'1940px to 2540px = 1920.min.css',
'2540px           = 2520.min.css'
 ]
};
</script>
<script src="{{ asset('/bundles/dproc/assets/js/adapt.min.js') }}"></script>

:)