gpt4 book ai didi

javascript - fineuploader 按钮不显示 IE7/8

转载 作者:太空宇宙 更新时间:2023-11-04 04:48:30 26 4
gpt4 key购买 nike

使用名为 fineloader 的 JavaScript 插件上传文件。我的代码在下面和一个 live demo is located here .出于某种原因,按钮和输入不显示使用 IE7 和我的笔记本电脑使用 IE8,但显示使用我的虚拟机和 IE8 以及 IE9/FF/等。任何帮助使其可见的帮助都将不胜感激。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Fine Uploader - Basic</title>
</head>
<style>
#upload-block {width: 280px;}
button.gray {
border:1px solid black;
color: black;
height: 25px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="fineuploader-3.1.js"></script>
<script>
$(document).ready(function() {
var uploader = new qq.FineUploaderBasic({button: document.getElementById('uploader')});
});
</script>

<body>
<div>
<label>FILE:</label>
<div id="upload-block">
<div id="uploader">
<input type="text" readonly id="myFilename">
<button class="gray">BROWSE</button>
</div>
</div>
</div>
</body>
</html>

最佳答案

您的上传按钮有点奇怪。为什么要提供一个已经有文本输入的 div 和一个按钮元素作为子元素?您是否知道 fine uploader 还会添加一个文件输入元素作为您按钮的子元素(在本例中为 #uploader)?

我建议您将文本输入移到别处,但我不能肯定地说这会给您带来问题,因为我觉得一切都很好。虽然,我没有 IE8 的真实副本(我使用的是兼容模式,就像这里的其他海报一样)。

我建议您将上传按钮选项元素修改为如下所示:

<div id="uploader">
<div>BROWSE</div>
</div>

并将您的文本输入放在其他地方,也许作为#uploader 的同级。

此外,根本不要为您的 uploader “按钮”使用按钮元素。 IE 中的事件委托(delegate)问题将阻止输入子项(由 Fine Uploader 添加)接收点击事件。

关于javascript - fineuploader 按钮不显示 IE7/8,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13962283/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com