gpt4 book ai didi

html - 输入类型文件在 Bootstrap 模式中不起作用

转载 作者:太空狗 更新时间:2023-10-29 15:50:45 25 4
gpt4 key购买 nike

这非常奇怪。我有一个基本的 Bootstrap 模态,没有任何花哨的东西,并且 input type=file 在其中不起作用。当你点击它时,没有任何反应。如果文件输入移出模式并移到页面上,则没有问题。

模态代码供引用:

<div id="addImageModal" class="modal hide fade" data-toggle="modal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
x
</button>
<h4>Add Drawing Image</h4>
</div>
<div class="modal-body">
<div class="form-horizontal">
<div class="control-group">
<label class="control-label" for="inputDisplayName">Display Name</label>
<div class="controls">
<input id="inputDisplayName" type="text" placeholder="">
</div>
</div>
<div class="control-group">
<div id="previewImage"></div>
</div>
<div class="control-group">
<input type="file" name="files[]" multiple="">
</div>
</div>
</div>
<div class="modal-footer">
<a href="#" data-dismiss="modal" class="btn">Cancel</a>
<a href="#" class="btn btn-primary btnUploadImage">Upload</a>
</div>
</div>

真是奇怪的问题。有什么想法吗?

编辑:它是 Bootstrap 2.3.1,为了好玩,我尝试在输入上设置 z-index,但没有任何区别。

最佳答案

从容器 div 中删除 data-toggle="modal"

该属性应该只出现在用于启动模态的buttona 标签中。

关于html - 输入类型文件在 Bootstrap 模式中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16223650/

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