首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将<ul><li>转换为<div>

将<ul><li>转换为<div>
EN

Stack Overflow用户
提问于 2015-01-08 22:38:25
回答 1查看 170关注 0票数 0

我正在使用http://fineuploader.com/和Twitter引导程序

上传文件的html代码如下所示

代码语言:javascript
复制
    <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>,因为我希望结果出现在引导网格中。当我更改代码时,我无法获得上传文件的任何上传结果。看起来像由fineuploader javascript生成的新的li标记。

如何使用div,以便在引导网格中显示结果?

测试过这个

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-01-08 23:14:54

精细Uploader期待一个容器内的qq上传列表选择器,以保存文件项目。考虑添加另一个<div>作为qq上传列表选择器的独生子。

所以..。

代码语言:javascript
复制
<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>没有什么特别之处。只需适当地修改列表项/列表的样式即可。如果<li>标签不在模板中,Uploader就不会插入它们。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27850815

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档