一些平时遇到的小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);
            }

 

posted @ 2020-12-24 14:30  _0123456789  阅读(71)  评论(0编辑  收藏  举报