选择jQuery插件不起作用. [英] Chosen jQuery plugin not functional.

问题描述

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

Using Chosen version 1.0.0 I included the following files

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上面的显示与

The above code gives a disfunctional select box The above display is same as

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作为页面上的第一个文件加载以避免冲突.

Upon analysis I see, that both chosen.css and chosen.jquery.min.js have no class chosen-select I am using jQuery version v1.10.2 Also I am loading jQuery as the first file on the page to avoid conflict.

感谢您的帮助.

推荐答案

添加

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

不仅仅可以使用$(".chosen-select").chosen()来使其正常工作！

Instead of just $(".chosen-select").chosen() makes it work!

这篇关于选择jQuery插件不起作用.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！