Javascript 改变<;ul>&书信电报;李>;至<;部门>;在线上传器

Javascript 改变<;ul>&书信电报;李>;至<;部门>;在线上传器,javascript,html,css,fine-uploader,Javascript,Html,Css,Fine Uploader,我正在使用和推特引导 上传文件的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-selec

我正在使用和推特引导

上传文件的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>
  • 看法
我想将
  • 标记更改为
    ,因为我希望结果显示在引导网格中。当我更改代码时,我无法获得上传文件的任何上传结果。看起来像是fineuploader javascript生成的新li标记

    如何改用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上传列表选择器中有一个容器来保存文件项。考虑添加另一个<代码> <代码>作为QQ上传列表选择器的唯一子。

    所以

    
    代码的其余部分。。。。
    
    为什么您需要一个
    没有什么特别之处。只需适当修改列表项/列表的样式。如果标签不在模板中,Fine Uploader不会插入标签

    <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>