选择 Jquery 无效

Question

我已经在我的页面上选择了，但我遇到了一些问题，所选择的不起作用。这是我的代码。

  $(".chosen-category").chosen();

   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.jquery.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.css" rel="stylesheet" type="text/css">

    <select class="chosen-category">
         <option>Test 1</option>
         <option>Test 2</option>
      <option>Test 3</option>
    </select>

我的代码有问题吗？

Answer 1

您可能打过电话

 $(".chosen-category").chosen();

在 select 加载到文档之前。使用代码

<script type="text/javascript">
        $(document).ready(function () {

            $(".chosen-category").chosen();

        });
        </script>

Answer 2

可能只是显示的原因，尝试添加：bootstrap.css

//jsfiddle.net/Rfv6t/83/

选择 Jquery 无效

Chosen Jquery doesn't working

jquery

html-select

jquery-chosen