一些问题及解决办法——使用篇

2018-03-12  本文已影响0人  书简虫子

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() 方法返回介于两个给定元素之间的所有祖先元素。

上一篇下一篇

猜你喜欢

热点阅读