程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> 控件-怎麼設置Jquery 多選下拉列表插件jquery multiselect 的高度?

控件-怎麼設置Jquery 多選下拉列表插件jquery multiselect 的高度?

編輯:編程綜合問答
怎麼設置Jquery 多選下拉列表插件jquery multiselect 的高度?

企業的代碼是 .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}); 
showbo
beijing20110905
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved