一些问题及解决办法——使用篇
1、Layer open类型为iframe时,关闭弹框的方法:parent.layer.closeAll();
2、Mui页面使用rem布局时,初始加载会产生抖动,解决办法:将rem.js引入放在所有css的引入上面,然后再以下js:
function resize() {
var htmlEle = document.documentElement;
var htmlWidth = window.innerWidth;
htmlEle.style.fontSize = 28 / 750 * htmlWidth + 'px';
} resize();
3、点击事件重叠,可把$(this).click()换成$(this).unbind(“click”).click()
4、Jq的stop()方法:停止当前正在运行的动画
5、鼠标事件可以连写:$(this).mouseenter().mouserleave();/$(this).mouseover().mouserout();
6、鼠标事件也可以用hover和css写
7、若layer弹框里面有a标签,挂的有链接,想要点击它实现关闭弹框时,用parent.layer.closeAll();括号里面可以写上弹框的type;parent.layer.closeAll();是疯狂模式,不带type时会关闭当前页面的所有layer弹框,带有type时会关闭所有此type的所有弹框
8、类型为file的input框,获取选取文件的名称,方法:
var file = $('#fileA'),
aim = $('#em');
file.on('change', function( e ){
//e.currentTarget.files 是一个数组,如果支持多个文件,则需要遍历
var name = e.currentTarget.files[0].name;
aim.text(name);
});
9、限制file类型的input框上传文件类型的方法:accept,如:<input type="file" accept="application/msword" >
10、在select下拉框中,对元素进行操作是最好用prop()方法。prop()函数的设计目标是用于设置或获取指定DOM元素(指的是JS对象,Element类型)上的属性(property);attr()函数的设计目标是用于设置或获取指定DOM元素所对应的文档节点上的属性(attribute)
11、document.querySelector() //获取第一个找到的元素。
12、当页面上有条款类东西时,可把条款截图写成html页面或者弹框,点击弹出或跳转。
13、使用json假数据时,获取到的data是json的全部数据,想要一一对应,需要进行判断,if(data[i].id==str){},str是从上一页网址截取到的对象id,data[i].id是json数据对象里面的id。若是后台给的端口则不需要进行判断,但是需要将str赋值给id,如:data:{productID:str},而假数据不需要进行这一步;
14、jq判断数组里是否含有某个元素:
方法一:$.inArray(value, array),不包含返回-1,包含则会返回元素在数组中的位置;如:var arr = [ 4, "Pete", 8, "John" ];
jQuery.inArray(4, arr); //0
jQuery.inArray("David", arr); //-1
方法二:function contains(arr, obj) {
var i = arr.length;
while (i--) {
if (arr[i] === obj) {
return true;
}
}
return false;
}
调用此函数。如:contains(chosArr,"images/noChoosedImg.png")
15、实现textarea的高度随输入内容的增加改变:
<’textarea type="text" placeholder="输入内容" data-input-clear="7" style='width:55%;height:40px;overflow:scroll;overflow-y:hidden;overflow-x:hidden;padding-top:10px;padding-right:10px;' onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);"><’/textarea>
16、判断滚动条滚动的距离:
$(window).bind("scroll", function () {
var sTop = $(window).scrollTop();
var sTop = parseInt(sTop);
if (sTop > 1200) {
} else {
}
});
17、五星评价:
18、各种值:
width() 设置或返回元素的宽度(不包括内边距、边框或外边距)。
height() 设置或返回元素的高度(不包括内边距、边框或外边距)。
innerWidth() 返回元素的宽度(包括内边距)。
innerHeight() 返回元素的高度(包括内边距)。
outerWidth() 返回元素的宽度(包括内边距和边框)。
outerHeight() 返回元素的高度(包括内边距和边框)。
outerWidth(true) 返回元素的宽度(包括内边距、边框和外边距)。
outerHeight(true) 返回元素的高度(包括内边距、边框和外边距)。
19、parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。