学习笔记
1.动态加载的元素绑定事件:用on方法
2.父元素绑定事件,如果点击的事件源是子元素a,则取消父元素的绑定事件;if($(event.target).hasClass("a")) return;
3.事件只执行一次:
$("p").one("click", function(){
alert( $(this).text() );
});
4.字符串转对象(strJSON代表json字符串)
var obj = eval(strJSON);
var obj =
strJSON.parseJSON();
var obj = JSON.parse(strJSON);
json对象转字符串(obj代表json对象)
var str = obj.toJSONString();
var str =
JSON.stringify(obj)
运用时候需要除了eval()以外需要json.js包(切记哦)
var rep=JSON.parse(response);
5.New Date 兼容性问题:
new Date ("2016,01,01") ios不兼容
new Date()放在localStorage,getItem的时候,无法正确解析日期,返回Invalid Date
正确写法:
new Date ("2016/01/01")
6.scrollTop 用在sui库,事件不起作用
解决方案用a链接,直接a链接跳转的位置不正确,在里面加了一个新的标签,为什么不正确?忘了~~
7.CSS 兼容安卓手机浏览器 点击出现蓝色边框
* {
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
}
8.keyup事件兼容
var bind_name = 'input';
if (navigator.userAgent.indexOf("MSIE") != -1){
bind_name = 'propertychange'; }
jQuery("#input_bankName").bind(bind_name, function(){})
9.点击body任意位置,弹框消失,解决方案,点击body取消默认的事件
$("body").click(function(e){
if(!isSelectCityPick){
e.stopPropagation();
e.preventDefault();
return false;
}
}).on("click",".close-picker",function(){})