Uncaught TypeError: $(...). SelectBox не является функцией

Question

Я использую код ниже, чтобы выбрать варианты из выпадающего, но я получаю:

Uncaught TypeError: $(...).selectBox is not a function.

в консоли. Я собираюсь использовать jquery-selectBox.

Мой код:

<script>
    $(document).ready(function() {
        $("SELECT").selectBox();
        $("SELECT").selectBox('settings', {
            'menuTransition': 'fade',
            'menuSpeed': 'fast'
        });
    });
</script>

и в теге body я получаю поле выбора:

<select class="selectBox">
    <option value="0">Login Type</option>
    <option value="1">Admin</option>
    <option value="2">Customer</option>
</select>

Я включил все источники JavaScript в свой код, но все равно он дает мне ошибку. Любое решение?

Answer 1

Чтобы использовать jQuery selectBox, просто загрузите его правильно на своей странице (например, через CDN).

$(document).ready(function() {
  $("select").selectBox();
  $("select").selectBox('settings', {
    'menuTransition': 'fade',
    'menuSpeed': 'fast'
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.selectbox/1.2.0/jquery.selectBox.js"></script>

<select class="selectBox">
  <option value="0">Login Type</option>
  <option value="1">Admin</option>
  <option value="2">Customer</option>
</select>

Заметка

Чтобы более эффективно использовать разметку, в этом случае используйте элементы class атрибут и его значение selectBox чтобы выбрать его с помощью jQuery, например:

Ваша разметка:

<select class="selectBox">

Выберите его через:

$(".selectBox").selectBox();