halfsking
- 浏览: 188040 次
- 性别:
- 来自: 北京
-
最新评论
文章列表
在jQuery autocomplte.css或项目自定义的css中加入以下css样式：
.ui-autocomplete {
max-height: 300px;//最大高度值
overflow-y: auto; //超过高度出现滚动条
/* prevent horizontal scrollbar */
overflow-x: hidden; //横向超出隐藏，如果要出现横向滚动，设置为auto即可
}
event.srcElement:
当前事件的源DOM Element;
event.target:
当前事件所在的目标DOM Element (触发该事件的节点);
注意：获得的是dom，如果使用jQuery需要使用jQuery(event.srcElement)
实际上二者是同一个东西，只是在不同的浏览器下不同的属性而已：
Firefox下,event对象有target属性,但是没有srcElement属性，其它浏览器下，如IE、safari，event对象有srcElement属性,但是没有target属性;跨浏览器兼容时，可以使用以下代码：
var t ...
Bootstrap响应式表格
- 博客分类：
- bootstrap
通过把任意的 .table 包在 .table-responsive class 内，您可以让表格水平滚动以适应小型设备（小于 768px）。当在大于 768px 宽的大型设备上查看时，您将看不到任何的差别。
<div class="table-responsive">
<table class="table table-responsive table-hover">
...
</table>
</div>
Firefox 和 fieldset 元素
Fi ...
MySQL 字符串大小写转化函数
- 博客分类：
- mysql
MySQL 字符串大小写转化函数有两对： lower(), uppper() 和 lcase(), ucase()：
mysql> select lower('AAA');
+--------------+
| lower('AAA') |
+--------------+
| aaa |
+--------------+
mysql> select upper('aaa');
+--------------+
|upper('aaa') |
+--------------+
| AA ...
浏览器在处理图片时，图片下载是需要一定时间的。当图片还没有下载完时，使用js进行操作，如获取元素宽高将是0,因而某些情况下需要判断图片加载是否完毕，加载完毕后再执行js代码。
怎么判断呢？直观思路使用jQuery的ready()函数，
jQuery(function(){
//判断图片是否加载完成
});
事实上不行，jquery的ready只是dom的结构加载完毕，即认为加载完毕；而此时图片很可能没有加载完毕，宽高为0，视频或音频、动画等都基本未加载。
对应的，原生js的window. ...
div高度是根据里面内容自适应撑开的，如果没有内容高度则为0；但div里面有内容高度仍是0，多半是因为元素浮动引起，div里面的元素浮动到其它地方，div里实际上没有内容，因而为0；
用如下为例：
<div>
<a> <img></img></a>
</div>
显示图片后，div高度可能为0，此时可以通过如下3种方式解决掉高度为0：
1. 使用overflow属性：
为div增加样式：
style="ov ...
td 自动换行
- 博客分类：
- javascript
为td设置样式：
style="word-wrap:break-word;word-break:break-all;"
即可使长字符串换行，不必设置width,height.
前提：已经设置td的宽度,否则不生效。
如果依然不生效，可以为table设置样式：
<table style="TABLE-LAYOUT: fixed">
附：
word-wrap:设置或检索当前行超过指定容器的边界时是否断开转行取值：normal : 默认值。允许内容顶开指定的容器边界 break-word : 内容将在边界内换行 ...
JQuery的父、子、兄弟节点查找
- 博客分类：
- jquery
jQuery.parent(expr) //找父节点
jQuery.parents(expr) //找到所有祖先节点，不限于父节点
jQuery.children(expr) //查找所有子节点，只会找到直接的孩子节点，不会返回所有子孙
jQuery.contents() //查找下面的所有内容，包括节点和文本。
jQuery.prev() //查找上一个兄弟节点，可以传参数selector
jQuery.prevAll() //查找所有之前的兄弟节点 ...
js获得当前页面的url
- 博客分类：
- javascript
1. 获取整个 URL：
var url = window.location.href;
2. 获取与 URL 关联的端口
var p = window.location.port;
3. 获取 url中问号后面部分
var query = window.location.search;
4. 获取 URL的 hostname 和 port
var h = window.location.host;
5. 获取 URL 的协议
var pt = window.location.protocol;
6. 获取 url 中井号“#”后面部分
var a = wind ...
html或css中动画素材
- 博客分类：
- javascript
百叶窗、图片聚集后文字飞入等：
http://sc.chinaz.com/tag_jiaoben/donghuaxiaoguo_2.html
图片翻页、自定义checkbox等：
http://www.html5tricks.com/30-more-html5-apps.html
鼠标经过图片后变化：
http://sc.chinaz.com/jiaobendemo.aspx?downloadid=2016111505417
js中保留2位小数点
- 博客分类：
- javascript
var a = 7;
var b = 3;
var c = (a/b).toFixed(2);
C即是有2位小数点的数字；
让一个div在另一个div中居中显示
- 博客分类：
- javascript
<div style=" border:1px solid red; height:40px; padding-top:10px;">
<div style="width:100px; height:30px; background:#000; margin-left:auto; margin-right:auto;"></div>
</div>
js判断网页的宽度高度
- 博客分类：
- javascript
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
var s = "网页可见区域宽 ："+ document.body.clientWidth;
s += "\r\n网页可见区域高：&quo ...
转载自：https://my.oschina.net/zimingforever/blog/63877
autocomplete是jqueryUI里的一个插件
效果和说明可以访问这里，作用类似于搜索时的自动提示：
http://jqueryui.com/demos/autocomplete/#default
今天项目中用到了这个插件
首先是引入文件， ...
只需要引入jQueryUI的custom.js和custom.css 两个文件即可。
网址：
http://www.bootcss.com/p/jquery-ui-bootstrap/index.html
英文：
http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/