Javascript 触发器单击事件在IE10中不起作用

Javascript 触发器单击事件在IE10中不起作用,javascript,jquery,css,Javascript,Jquery,Css,我需要将onclick事件添加到图像中,这样当我单击图像时,它将触发文件打开对话框。但它在IE10中不起作用 $(“#按钮”)。在(“单击”,函数(){ $(“上传”)。触发(“单击”); }); #上传{ 不透明度:0; } 好的,我在最新的FF、Opera、Chrome、IE8、IE9、IE10、IE11中测试了这一点。它无处不在 HTML: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery

我需要将
onclick
事件添加到图像中,这样当我单击图像时,它将触发文件打开对话框。但它在IE10中不起作用

$(“#按钮”)。在(“单击”,函数(){
$(“上传”)。触发(“单击”);
});
#上传{
不透明度:0;
}

好的,我在最新的FF、Opera、Chrome、IE8、IE9、IE10、IE11中测试了这一点。它无处不在

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="file" />
<img id="button" src="http://www.kafkabrigade.org.uk/wp-content/uploads/2011/07/button-pic.jpg" />
$('#button').click(function() {
    $('input[type=file]').trigger('click');
});

$('input[type=file]').change(function() {
    $('input[type=text]').val($(this).val());
});
input[type=file] {
    display: block;
    height: 0;
    width: 0;
}
CSS:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="file" />
<img id="button" src="http://www.kafkabrigade.org.uk/wp-content/uploads/2011/07/button-pic.jpg" />
$('#button').click(function() {
    $('input[type=file]').trigger('click');
});

$('input[type=file]').change(function() {
    $('input[type=text]').val($(this).val());
});
input[type=file] {
    display: block;
    height: 0;
    width: 0;
}

您似乎忘记了一个窗口。onload“但它在ie 10上不工作”-它在其他浏览器中工作吗?在浏览器的控制台中是否有错误?有什么事情发生吗?到底什么不起作用:单击或触发?在其他浏览器中,它起作用,但在ie 10上,当我在浏览器控制台中单击“不做任何事情且无错误”时。如果您尝试使用
不透明度:0.1
,输入可能不起作用,因为它是不可见的。