這個插件沒有定義控件的高度的配置,控件也沒有設(shè)置高度,依據(jù)內(nèi)容的高度來確定控件整體高度,你可以給樣式添加高度即可。不過還是修改源代碼來實現(xiàn)高度控制好點,可以隨便配置,而不用統(tǒng)一
成都創(chuàng)新互聯(lián)公司溝通電話:13518219792,為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù),成都創(chuàng)新互聯(lián)公司網(wǎng)頁制作領(lǐng)域10年,包括成都濕噴機等多個方面擁有豐富的網(wǎng)站制作經(jīng)驗,選擇成都創(chuàng)新互聯(lián)公司,為企業(yè)錦上添花。
2者結(jié)合也可以
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});
xx.height('200px'); //這樣就設(shè)置了高度為200px,可以不帶px----xx.height('200');
!--CSS部分--
#a1{
width:100px;
height:100px;
background-color:red;
}
!--CSS部分結(jié)束--
div?id="a1"/div
以下是JQ部分
$(function(){
$("#a1").css("height","300px");?//這里改成你想要的高度就可以了~
});
$("#div_id").height();
// 獲得的是該div本身的高度, (不包含padding,margin,border)
$("#div_id").outerHeight();
// 包含該div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#div_id").outerHeight(true);
// 包含該div本身的高度, 以及padding,border,margin上下的總高度
$(window).height();
// 獲取瀏覽器顯示區(qū)域(可視區(qū)域)的高度
$(window).width();
// 獲取頁面的文檔高度
$(document).height();
// 瀏覽器當(dāng)前窗口文檔的高度
$(document.body).width();
// 瀏覽器當(dāng)前窗口文檔body的高度
$(document).scrollTop();
// 獲取滾動條到頂部的垂直高度 (即網(wǎng)頁被卷上去的高度)
obj.offset().top
// 某個元素的上邊界到body最頂部的距離(在元素的包含元素不含滾動條的情況下)
div style="max-height:500px;overflow:auto"/div
max-height是最大高度,除了ie6不支持,需要使用js外,其他ie7+,ff,chrome都支持,符合你的要求
也可以用純js
div id="test" style="overflow:auto"/div
script
var 最大高度 = 300;
function a(){
if($('#test')[0].offsetHeight 最大高度) $('#test').height(最大高度);
}//你怎么調(diào)用a()就看你的了
/script
JQ中height() 方法返回或設(shè)置匹配元素的高度。
$("div").height(300);//直接設(shè)置元素的高
$("div").css("height", "300px");//通過設(shè)置CSS屬性來設(shè)置元素的高
Jquery是一個優(yōu)秀的Javascript庫,還兼容各種瀏覽器。jQuery使用戶能更方便地處理HTML、events、實現(xiàn)動畫效果,并且方便地為網(wǎng)站提供AJAX交互。