0

我一直在努力让 jQueryFileUpload 正常工作，但是我遇到了一个只发生在 Safari 上的奇怪问题，尤其是我在（5.1.7 7534.57.2）上。

我有一个使用插件jQueryFileUpload初始化的输入元素，以允许文件上传。然后，此插件会侦听诸如选择文件之类的事件，在这个简单的示例中，您应该在选择文件后立即看到一个进度条。

在此处输入图像描述 下面是我为输入标签设置样式的配置。

<span class="btn btn-success fileinput-button">
    <i class="icon-plus icon-white"></i>
    <span>Select files...</span>
    <!-- The file input field used as target for the file upload widget -->
    <input id="fileupload" type="file" name="files[]" multiple>
</span>

当此代码块位于引导程序下拉列表中时，会发生 safari 问题。它仍然可以让您单击并选择一个文件，但是一旦您选择了该文件，就不会发生任何其他事情（因此您不会看到进度条出现），也不会触发任何错误，只是它似乎没有冒泡到应该的位置.

我已经在https://github.com/newtonianb/jfl_safari上为该项目创建了一个 repo，如果能帮助我了解正在发生的事情，我将不胜感激。

主分支在下拉列表中有输入，因此它不适用于 safari。工作分支只是在正文中具有相同的输入标签，而这里它适用于 safari。

为什么此问题仅在 safari 的下拉菜单中发生，我该如何解决？任何反馈将不胜感激！

4

1 回答 1

0

您必须更新一些 Bootstrap CSS 才能使其正常工作。

将以下 CSS 添加到您的一些 CSS 文件中以覆盖 Bootstrap CSS：

.dropdown-menu {
    display: block;
    visibility: hidden;
}

.open .dropdown-menu {
    visibility: visible;
}

这个 CSS 修复在 Safari 5.1.7 上为我工作

于 2014-07-07T16:56:01.250 回答