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

Question

我正在使用下面的代码从下拉列表中选择 select 个选项，但我得到：

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 字段：

<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, just load it properly on your page (e.g. via 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 到 select 它使用 jQuery，例如：

您的标记：

<select class="selectBox">

Select 通过：

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

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

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

html

javascript

jquery

jquery-selectbox

drop-down-menu

备注