Adapt.js - ADAPT_CONFIG沒有定義

Question

我得到錯誤「ADAPT_CONFIG沒有定義」，但我已經包含在我的網頁CONFIGS ..

{% 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

你應該包括聲明adapt_config變量

Answer 2

後adapt.js腳本切

<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> 

:)