Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You have duplicated the CSS and min.css. Also the jquery and jquery.min versions.</p> <p>Min stands for minified - compressed for speed of serving basically.</p> <p>You also seem to be using both jQuery and Prototype versions of chosen. Are you using the Prototype JS library elsewhere? If not I'd remove it and just use (one version) of Chosen for JQuery. You also should ensure you're including jQuery itself... is that elsewhere in your code?</p> <p>On that basis the includes you'd need:</p> <pre><code>&lt;script src="../includes/chosen.jquery.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="../includes/chosen.min.css" /&gt; </code></pre> <p>Or if you don't already include jQuery - download it from:</p> <p><a href="http://code.jquery.com/jquery-1.10.2.min.js" rel="nofollow">http://code.jquery.com/jquery-1.10.2.min.js</a></p> <p>and also store it to your includes folder. Add it above the Chosen files with:</p> <pre><code>&lt;script src="../includes/jquery-1.10.2.min.js"&gt;&lt;/script&gt; </code></pre> <p>Once you have those extra files stripped out it should be as simple as:</p> <pre><code>$('.chosen-select').chosen(); </code></pre> <p>Inside an existing or new jQuery .ready() call [to run as soon as the DOM is ready]</p> <p>And ensuring you have class="chosen-select" on each select field you wish to use Chosen on.</p> <p>UPDATE:</p> <p>Try adding this to initiate Chosen:</p> <pre><code>&lt;script&gt; $(document).ready(function() { $('.chosen-select').chosen(); }); &lt;/script&gt; </code></pre> <p>This can either go in the section of your HTML page, or just before the closing tag. Should work in either - just before the closing would be my choice.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload