jQuery的選擇選擇字段顯示錯誤

$(document).ready(function() { 
    $(".chosen-select").chosen({no_results_text: "Oops, nothing found!", allow_single_deselect: true}) 
});

上使用jQuery的選擇插件簡單選擇代碼

<select class="chosen-select"> 
    <option value="a">a</option> 
    <option value="b">b</option> 
    <option value="c">c</option> 
</select>

打開它，並選擇我場看上去不同從jquery選擇的站點上的字段示例： enter image description here

我在做什麼錯？不添加任何CSS到這個領域？

這聽起來像一個CSS問題。你確定所選的插件CSS正在鏈接頁面？ –

是的，我也鏈接了'' –

也許有你的問題。這是一個腳本引用不是一個CSS鏈接。 –

看起來你引用的CSS文件作爲一個腳本，它需要一個CSS鏈接：

<link rel="stylesheet" href="[path to file]chosen.css" />

或

<link rel="stylesheet" href="[path to file]chosen.min.css" />

點是引用在CSS或min.css文件是。根據您的意見它可能是

<link rel="stylesheet" href="/static/chosen.css" />

2015-06-10 17:14:40

是否適合我，謝謝！ –

回答