触发器在IE 8中单击标签时单击输入

时间:2014-04-08 21:42:43

标签: javascript jquery html css internet-explorer-8


我在jquery colorbox中创建一个小部件,它允许用户加载文件。我如何实现它的方式如下:

我的输入标记为type='file',样式为visibility:hidden, 然后,我创建了两个标签,它们都有'for'属性指向文件上传输入元素,它们的样式就像按钮一样。所以当用户点击它时,浏览器会打开选择文件弹出窗口。

此方法适用于IE9,IE10。但它在IE8中不起作用,单击标签似乎甚至不会触发输入元素上的click事件。

请帮帮我。

提前致谢

2 个答案:

答案 0 :(得分:3)

确保:

1)您使用for属性指向id输入的标签。

2)您的输入没有CSS display:none。尝试使用width:0height:0margin:-10000px等来隐藏它。

这对于IE8来说似乎对我有用。

答案 1 :(得分:0)

你可以这样做:

$('label').on('click',function() {
    $('input').trigger('click');
}