一些平时遇到的小bug,小知识点
【input在拖拽中失效】
修改拖拽插件js中的参数 self.handle.on return true; 但是以上只对非IE有效,实在没办法的情况下,采取下面的措施……
(1) 只含有一个input时,可以设置默认焦点
$("#id").focus();
(2) 含有多个input时,通过点击事件获取焦点
function getStartFocus() { $("#start").focus(); }
(3) input清除的×也失效了,直接隐藏掉×的样式
::-ms-clear, ::-ms-reveal { display: none; }
【拖拽时,cursor样式失效】
(1) IE 下只支持 ani和cur格式的图片
(2) 鼠标样式设置为图片后,地图取点会发生偏移
$(".amap-layer").css("cursor","url(../images/getPoint.cur), auto");
【js截取字符串】
string.substring(0,5); // 截取前5位 string.substring(stringlength-5, stringlength); // 截取后五位 string.substring(0, urlString.length - 1); // 去掉最后一位
【js字符串传url】
onclick=\"window.open(\'" + JdBaseInfo[k].url + "\')\"
【jquery绑定的id是变量时】
var delId = "DW" + idx; $("#"+delId).remove();
【JS函数传递字符串参数(符号转义)】
https://www.cnblogs.com/yxmhl/p/11622534.html
(1)传递:先转字符串,再编码 var param = encodeURI(JSON.stringify(AccidentList[i])); <span onclick=\"changeAccidentData('"+ param +"')\" class=\"op-btn\">切换事故</span>
(2)先解码,再转json对象 var res = JSON.parse(decodeURI(data));
【inline-block间隙 造成的左右偏移】可以设置font-size:0; 或者代码两个inline-block元素直接不要出现空格或换行
【ie只支持onclick,js中监听不识别】
【ie默认有margin】记得css中默认设置*{margin:0;padding:0;}
【ie下元素隐藏滚动条】-ms-overflow-style: none;
【ie下滚动条样式】
scrollbar-arrow-color:transparent; scrollbar-track-color:#021842; scrollbar-base-color:#31E1E5;
【追加为第一个子元素】
$("ul").prepend("<li>" + value +"</li>");
$("<li>" + value +"</li>").prependTo("ul");
【追加为最后一个子元素】
$("ul").append("<li>" + value +"</li>");
$("<li>" + value +"</li>").appendTo("ul");
【保持聊天区域滚动条永远在底部】
// 保持聊天区域滚动条永远在底部 function keepBottom() { $(".area-content").scrollTop($(".area-content")[0].scrollHeight); }