1. 程式人生 > >chosen(下拉列表帶搜尋外掛)和layer(彈出框外掛)在一起使用會有衝突,解決辦法

chosen(下拉列表帶搜尋外掛)和layer(彈出框外掛)在一起使用會有衝突,解決辦法

可以選擇用window.open()和chosen外掛結合使用,這樣就不會有衝突。

 

chosen外掛的使用:

1、先把js和css檔案引用到網頁裡面去:

<link href="js/jqueryUI/chosen/chosen.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="js/jquery.1.4.4.min.js"></script>

<script type="text/javascript" src="js/jqueryUI/chosen/chosen.jquery.js"></script>

 

2、建立一個select元素,如下: 

<select name="dept" style="width: 150px;" id="dept" class="dept_select"> 

    <option value="部門1">部門1</option>

    <option value="部門2">部門2</option>

    <option value="部門3">部門3</option>

    <option value="部門4">部門4</option>

    <option value="部門5">部門5</option>

</select>

 

3、然後在js中呼叫Chosen定義的方法:

$(function(){

    $('.dept_select').chosen();

});

 

4、搞定收工,屌絲立馬變成高富帥有木有~ 

jQuery-Chosen select下拉框外掛的使用