Slider range

[Schamil74]

Всем привет! Банальный вопрос для бывалых.

С JS еще не знаком, пока не дошел, изучаю верстку. 

Есть такой ползунок https://jqueryui.com/slider/#range

Я все подключил , застилизовал, все работает. Но нужно чтоб скрипт ползунка загружался из отдельного файла, а не как в примере со страницы.

 

[Switch74]

а в чем проблема?
создаете файлик js со скриптом и по аналогии с подключением jquery подключаете свой файлик
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

[Schamil74]

2 минуты назад, Switch74 сказал:

а в чем проблема?
создаете файлик js со скриптом и по аналогии с подключением jquery подключаете свой файлик
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

Не получается, когда подключаю отдельным файлом!

У меня есть main.js, его содержание см. ниже.

=============================

/* LIBS */
//= ../../bower_components/jquery/dist/jquery.min.js
//= ../../bower_components/jquery-ui/jquery-ui.min.js

/* Custom */
//=    partials/y-map.js
//=    partials/bg-range.js

============================

y-map.js - работает

bg-range.js - не работает

 

Содержимое bg-range.js

$( function() {
    $( "#slider-range" ).slider({
        range: true,
        min: 0,
        max: 1000,
        step: 10,
        values: [ 100, 500 ],
        slide: function( event, ui ) {
            $( "#amount" ).val( ui.values[ 0 ] + " руб - " + ui.values[ 1 ] + " руб" );
        }
    });
    $( "#amount" ).val( $( "#slider-range" ).slider( "values", 0 ) + " руб - " + $( "#slider-range" ).slider( "values", 1 ) + " руб" );
} );

[Switch74]

и как подключаете и где лежит файл?

[Schamil74]

подключаю перед закрывающим тэгом body

<script src="js/main.js"></script>

[Switch74]

если используете сервер, и файл лежит в папке /js/, то лучше <script src="/js/main.js"></script>
если просто в локале делаете, то путь лучше использовать полный file:///C:/site/js/main.js
что находится в main.js
проверяли ли console в браузере на наличие ошибок и network на отсутствие закачки файла main.js?

[Schamil74]

Сделал, но по другому. bg-range.js подгрузил раньше, чем y-map.js