jquery怎么点击弹出上传选项?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery怎么点击弹出上传选项?相关的知识,希望对你有一定的参考价值。
很多网站上有个点击头像就弹出上传框的,这个用jquery怎么做?加了个input:file的,不知道怎么实现点击去触发
把input:file的透明度设置为0,把input:file的宽高设置跟头像大小一样,然后把这个控件放到显示头像的地方,当你点击头像的时候实际上你是点了input:file。或者你隐藏input:file,写一个触发input:file点击的函数,然后再头像加上onclick()事件,在click事件中调用那个函数就行了 参考技术A 放一个input:file,然后设置为不可见,当点击头像时
$("#头像").click(function()
$("#input[type=file]").click();
); 参考技术B <input type="file" id="file"/>
<button type="button" onclick="$('#file').click()">上传</button> 参考技术C 之前专门写的一个用于上传文件并预览的js插件,希望能帮到你
http://blog.csdn.net/sq111433/article/details/16872403本回答被提问者采纳
JS或JQuery点击其他地方关闭弹出元素,但是点击元素却不会关闭的代码怎么写?
如图,第一步点击输入框弹出2号弹出层,点击任意空白或元素,关闭2号弹出层,但是点击2号弹出层自身内容却不会关闭2号弹出层。求代码
给你一个简单的示例
<!DOCTYPE html><html>
<head>
<meta charset="utf-8"/>
<title>test</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script>
$(function()
$('#btn').click(function()
$('#box').css('display','block');
);
$(document).on('mousedown',function(e)
if(!$(e.target).is($('#btn')) && !$(e.target).is($('#box')) && $(e.target).parent('#box').length === 0)
$('#box').css('display','none');
);
);
</script>
</head>
<body>
<button id="btn">显示</button>
<div style="display:none; width:200px; height:200px; background-color:#ddd;" id="box">
<div>内层的文字</div>
</div>
</body>
</html> 参考技术A
2号弹出层的id是layer2
$('*').on('click',function()if('layer2'!=$(this).attr('id'))
$('#layer2').css('display','none')
)
以上是关于jquery怎么点击弹出上传选项?的主要内容,如果未能解决你的问题,请参考以下文章