我正在使用 http://fineuploader.com/和 Twitter Bootstrap
上传文件的html代码如下所示
<ul class="qq-upload-list-selector">
<li class="col-lg-3 col-md-4 col-xs-6 thumb">
<div class="qq-progress-bar-container-selector">
<div class="qq-progress-bar-selector qq-progress-bar"></div>
</div>
<span class="qq-upload-spinner-selector qq-upload-spinner"></span>
<img class="qq-thumbnail-selector" qq-max-size="100" qq-server-scale>
<span class="qq-edit-filename-icon-selector qq-edit-filename-icon"></span>
<span class="qq-upload-file-selector qq-upload-file"></span>
<input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
<span class="qq-upload-size-selector qq-upload-size"></span>
<a class="qq-upload-cancel-selector btn-small btn-warning" href="#">Cancel</a>
<a class="qq-upload-retry-selector btn-small btn-info" href="#">Retry</a>
<a class="qq-upload-delete-selector btn-small btn-warning" href="#">Delete</a>
<a class="qq-upload-pause-selector btn-small btn-info" href="#">Pause</a>
<a class="qq-upload-continue-selector btn-small btn-info" href="#">Continue</a>
<span class="qq-upload-status-text-selector qq-upload-status-text"></span>
<a class="view-btn btn-small btn-info hide" target="_blank">View</a>
</li>
</ul>
我想更改 <ul></ul><li></li>
标记为 <div>
因为我希望结果出现在 Bootstrap 网格中。当我更改代码时,我无法获得上传文件的任何上传结果。看起来像是由 fineuploader javascript 生成的新 li-tags。
如何改用 div 以便在引导网格中显示结果?
测试过
<div class="qq-upload-list-selector col-lg-3 col-md-4 col-xs-6">
<div class="qq-progress-bar-container-selector">
<div class="qq-progress-bar-selector qq-progress-bar"></div>
</div>
Rest of the code ....
</div>
最佳答案
Fine Uploader 期望在 qq-upload-list-selector 中有一个容器来保存文件项。考虑添加另一个 <div>
作为 qq-upload-list-selector 的唯一 child 。
所以...
<div class="qq-upload-list-selector col-lg-3 col-md-4 col-xs-6">
<div>
<div class="qq-progress-bar-container-selector">
<div class="qq-progress-bar-selector qq-progress-bar"></div>
</div>
Rest of the code ....
</div>
</div>
为什么需要 <div>
为了这? <div>
没什么特别的.只需适当修改列表项/列表的样式即可。 Fine Uploader 不插入 <li>
标签(如果它们不在您的模板中)。
关于javascript - 在 fineuploader 中将 <ul><li> 更改为 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27850815/