Не могу подключить nice select

[romagromov]

Здравствуйте!
Пытаюсь подключить nice select - https://hernansartorio.com/jquery-nice-select

Подключил JS и CSS
и затем нужно инициализировать это дело.
Для этого создал еще один файл и в подключил его последним.

Вот с таким кодом:

//make use of the plugin "nice select" to transform rest of selects
    $( 'select.use_select2_lib' ).each( function( ) {
      if ( ! $( this ).parent( ).hasClass( 'fc_orderby_selector' ) ) {
        $( this ).niceSelect( );
      }
    } );

Вот страница, где все это дело подключено:

https://apps24.org/android/system/personalization

Но селекты все равно отображаются обычными.



Дело точно в инициализации, но не понимаю, что не так.

[рони]

romagromov,
переписать $ на jQuery, если не поможет, ещё и обернуть в ready

[romagromov]

romagromov,
переписать $ на jQuery, если не поможет, ещё и обернуть в ready

Заменил, обернул.
Не хочет...

$(document).ready(function() {
    jQuery( 'select.use_select2_lib' ).each( function( ) {
      if ( ! jQuery( this ).parent( ).hasClass( 'fc_orderby_selector' ) ) {
        jQuery( this ).niceSelect( );
      }
    } );
};

Вот файлик с кодом - https://apps24.org/templates/it_deli...ss/nice-ini.js

[рони]

Заменил, обернул.

$(docum

[romagromov]

В смысле тут тоже надо?
Заменил.
Нет эффекта...

[рони]

romagromov,
аккуратно копируем(кнопка тут справа) и полностью заменяем

jQuery(function() {
    jQuery( 'select.use_select2_lib' ).each( function( ) {
      if ( ! jQuery( this ).parent( ).hasClass( 'fc_orderby_selector' ) ) {
        jQuery( this ).niceSelect( );
      }
    } );
});

[laimas]

Зачем вообще такие сложности, достаточно:

$('select.use_select2_lib:not(.fc_orderby_selector)').niceSelect()

[romagromov]

romagromov,
аккуратно копируем(кнопка тут справа) и полностью заменяем

Скобку пропустил
Спасибо.

А почему на сайте разработчика ничего не сказано про замену $ на JQuerry? В чем вообще разница?

[рони]

А почему на сайте разработчика ничего не сказано про замену $ на JQuerry?

потому что это вы сами поменяли!!! применив <script src="/media/jui/js/bootstrap.min.js?d0eaf729968de6dd9c3ba8532ad010c8"></script>
bootstrap использует $ для своих функций.