【积少成多】各种js或者jquery或者html或者css等微知识------持续更新!

来源:互联网 发布:百度地图坐标数据库 编辑:程序博客网 时间:2024/03/29 16:31

一、attr("src"," ") 属性在ios端图片切换异常问题。

当我们让一个图片显示/隐藏的时候,如果用到这种方法:

$(".aaa").attr("src","../images/logo.png");-----显示

$(".aaa").attr("src"," ");-----隐藏

在ios端可能会出现图片隐藏的时候并没有隐藏掉。

解决方法:

隐藏时用此种写法:  $(".aaa").removeAttr("src");


二、对于<input type="file">的灵活运用。

通常,我们在运用上传图片或者导入某个如excel表的时候,都会用到<input type="file">控件,但因其样式不好看,我们想用到自己想要的样式,必然就要对原始的input空间进行隐藏,用一个设计好的来把click事件绑定。

eg:<a class="upload"><input type="file" style="display:none;"><span class="filename"></span>

$(".upload").click(function(){

$("input").click();

});

但是,往往我们需要把上传文件的名字显示在页面上,这样用户看着也明确,但是,这时候该怎么操作呢?

这时,我们就要想到,input不只是有click事件,还有change事件,so,我们只需要这样:

$("input").change(function(){

$(".filename").text($("input").val());

});

这样,就完美的解决啦!


三、display:inline-block; 在IE7以下兼容性问题。

我们都知道,在布局的时候,我们如果不想用到float,用display:inline-block;这货来解决是比较好的方法,但是这货在IE7以下不兼容,这点比较蛋疼,可用如下方法解决:

li{ display:inline-block; *display:inline; zoom:1;}

-------------------------------------------------------------------华丽的分割线------------------------------------------------------------------------------------

持续更新累积中...!

0 0
原创粉丝点击