企業的代碼是 .multiselect();
庫有用到jquery、jqueryui、jquery multiselect
試過在方法中,加height,minheight,但這個高度改變的是下拉列表的高度,不是控件的高度。
要怎麼改變控件本身的高度呢?
控件的源碼是
$.widget("ech.multiselect", {
// default options
options: {
header: true,
height: 175,
minWidth: 225,
classes: '',
checkAllText: '全選',
uncheckAllText: '全不選',
noneSelectedText: '請選擇',
selectedText: '# 項被選中',
selectedList: 0,
show: null,
hide: null,
autoOpen: false,
multiple: true,
position: {},
appendTo: "body"
},
沒有設置控件本身高度的屬性。
浏覽器用的是IE8.
這個插件沒有定義控件的高度的配置,控件也沒有設置高度,依據內容的高度來確定控件整體高度,你可以給樣式添加高度即可。不過還是修改源代碼來實現高度控制好點,可以隨便配置,而不用統一
2者結合也可以
css覆蓋部分,你也可以修改jquery.multiselect.css這個css文件增加style裡面的樣式
<link rel="stylesheet" type="text/css" href="../jquery.multiselect.css" />
<style>
.ui-multiselect{line-height:30px;height:30px}
</style>
或者修改jquery.multiselect.js文件,增加一個cHeight配置,用來控制控件的高度,找到下面的這句,修改成這樣
var button = (this.button = $('<button type="button"><span class="ui-icon ui-icon-triangle-1-s"></span></button>'))
===>改成這樣,判斷配置了cHeight增加增加style控制高度
var button = (this.button = $('<button type="button"'+(o.cHeight?' style="height:'+o.cHeight+'px"':'')+'><span class="ui-icon ui-icon-triangle-1-s"></span></button>'))
DEMO
$("select").multiselect({cHeight:40});