为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/jQuery

/jQuery基础课程

这个不是把“ul”变成“ol”就可以自动排序了吗？

<ol>

                    <li>1)足球</li>

                    <li>2)散步</li>

                    <li>3)篮球</li>

                    <li>4)乒乓球</li>

                    <li>5)骑自行车</li>

 </ol>


人生如只如初见

2015-08-23

源自：jQuery基础课程  10-3

关注问题 我要回答
876
操作
收起

正在回答

6 回答

Q__Q 回答被采纳 +3 积分
2015-08-25

如果是<ul>，效果如下：

1)足球

2)散步

3)篮球

4)乒乓球

5)骑自行车

如果是<ol>，效果如下：

  1. 1)足球

  2. 2)散步

  3. 3)篮球

  4. 4)乒乓球

  5. 5)骑自行车


0 回复 有任何疑惑可以回复我~
收起回答
#1

人生如只如初见 提问者

非常感谢！
2015-10-25 回复 有任何疑惑可以回复我~
二五七
2015-11-13 
ol
{
    float: left;
    width: 280px;
    padding: 5px 0px;
    margin: 0px;
    font-size: 14px;
    list-style-position:inside;//在css样式文件里把list-style-type:none;改为这句
}


2 回复 有任何疑惑可以回复我~
收起回答
#1

Yinsion_Nie

谢谢！
2015-12-24 回复 有任何疑惑可以回复我~
懵懂zai路上
2015-10-25 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>拖曳排序插件</title>
        <link href="style.css" rel="stylesheet" type="text/css" />
        <script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script>
    </head>
    
    <body>
        <div id="divtest">
            <div class="title">
                <span class="fl">我最喜欢的运动</span>
            </div>
            <div class="content">
                <ol>
                    <li>足球</li>
                    <li>散步</li>
                    <li>篮球</li>
                    <li>乒乓球</li>
                    <li>骑自行车</li>
                </ol>
            </div>
        </div>
        
        <script type="text/javascript">
            $(function () {
                $("ol").sortable({
                    delay:4,
                    opacity:0.5
                })
            });
        </script>
    </body>
</html>

可是我的改为ol没有出现前面的序号1、2.。。，css中我也只是将ul改为ol，求大神指点

0 回复 有任何疑惑可以回复我~
收起回答
#1

wttfgg

你把ol的css中的样式删了就行了
2015-11-26 回复 有任何疑惑可以回复我~
#2

你你你你说什么

问题出在你把css也改了，原文里面是有个 list-style-type: none;这个东西已经把ol的序号去掉了，所以你达不到想要的效果，把list-style-type: none;删掉就行
2016-04-14 回复 有任何疑惑可以回复我~
hei_yu_fa
2015-10-18

......

0 回复 有任何疑惑可以回复我~
收起回答
Q__Q
2015-08-25

你是如何试的？

0 回复 有任何疑惑可以回复我~
收起回答
Q__Q
2015-08-24

对的，ol会自己写编号排序

0 回复 有任何疑惑可以回复我~
收起回答
#1

人生如只如初见 提问者

我也觉得会是这样，但是，我把“ul”都改成“ol”后并没有出现预期的效果，包括css我也改了，但还是不行，而且css好像没起作用，你也可以试试，能告诉我为什么吗？
2015-08-24 回复 有任何疑惑可以回复我~
#2

你你你你说什么 回复 人生如只如初见 提问者

问题出在你把css也改了，原文里面是有个 list-style-type: none;这个东西已经把ol的序号去掉了，所以你达不到想要的效果
2016-04-14 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习，有效提高前端开发速度

进入课程

这个不是把“ul”变成“ol”就可以自动排序了吗？

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信