0

使用选择的版本 1.0.0 我包含以下文件

link(href='css/chosen.css', rel="stylesheet", type="text/css");
script(src='js/chosen.jquery.min.js')
script.
    $(".chosen-select").chosen()

body
  select(data-placeholder="Choose a country...", multiple style="width:350px;" ).chosen-select
            <option value=""></option>
            <option value="United States">United States</option>
            <option value="United Kingdom">United Kingdom</option>
            <option value="Afghanistan">Afghanistan</option>
            <option value="Aland Islands">Aland Islands</option>
            <option value="Albania">Albania</option>
            <option value="Algeria">Algeria</option>
            <option value="American Samoa">American Samoa</option>

上面的代码给出了一个功能失调select box上面的显示与

select(multiple, style="width:350px;")
            <option value=""></option>
            <option value="United States">United States</option>

经过分析，我看到，两者chosen.css都chosen.jquery.min.js没有类chosen-select我正在使用 jQuery 版本v1.10.2此外，我将 jQuery 作为页面上的第一个文件加载以避免冲突。

感谢您的帮助。

4

3 回答 3

6

添加

script.
        $(document).ready(function(){
            $(".chosen-select").chosen()
        });

而不是$(".chosen-select").chosen()让它工作！

于 2013-09-02T08:38:53.427 回答
0

我的不起作用，而是通过

<script type="text/javascript" src="js/chosen.jquery.js" >
</script>   
<script>
    `Enter only enter chosen related code here`
</script>
于 2016-08-02T07:23:49.300 回答
0

有时会发生这种情况，因为 jquery 库的冲突。在没有冲突的情况下定义您的 JavaScript。 https://api.jquery.com/jquery.noconflict/

于 2016-11-04T21:25:43.630 回答