CODEWITHSUNDEEP
javascriptvariablesundefined
Tiko M
Tiko M

Reputation: 7

Adapt.js - ADAPT_CONFIG is not defined

I'm getting error "ADAPT_CONFIG is not defined" but i have included configs in my page..

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

It is defined.. But i cant get whats the problem?

Upvotes: 0

Views: 578

Answers (2)

Shabanzo
Shabanzo

Reputation: 87

cut 

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

paste it under:

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

like this:

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

:)

Upvotes: 1

i-stream solutions
i-stream solutions

Reputation: 71

You should include adapt.js script after declaring adapt_config variable

Upvotes: 1

Related Questions