select2的dropdown错误

来源:互联网 发布:云计算数据管理技术 编辑:程序博客网 时间:2024/05/16 14:19
今天在使用select2的时候生成的dropdown总是错误,遮住前面的内容.纠结了好久.发现生成的select2元素有一个class.select2-container--bootstrap有一个css属性为display:block导致了元素重叠错位.但是在select2.js里并没有发现这个类名.看了一会源码后发现有
select2-container--"theme".在本例中并没有指定theme,一般应该默认default的,不知怎么就变成Bootstrap了.变成bootstrap之后,对应的css起作用,结果就样式变形了.在select2初始化时,设置theme为default就解决了.
在看js的过程中了解的方法:
$.fn.xx() 就是把自定义方法加到jquery中,之后就可以通过 $(..).xx()来调用了.
$.fx 指jquery特效,如使用显示、滑动、淡入淡出、动画等.$.fx.off可以关闭动画,其实是直接显示结果.
jQuery为开发插件提拱了两个方法,分别是: 
jQuery.fn.extend(object); 
jQuery.extend(object); 
jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 
jQuery.fn.extend(object);给jQuery对象添加方法。 

fn 是什么东西呢。查看jQuery代码,就不难发现。 
jQuery.fn = jQuery.prototype = { 
   init: function( selector, context ) {//....  
   //...... 
}; 
参考:http://www.jb51.net/article/42750.htm
js平时使用的不深入,对很多东西了解比较少,平时需要注意积累.
0 0
原创粉丝点击