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

怎样排序之后,前面的序号会自动调整呢????

怎样排序之后,前面的序号会自动调整呢????

正在回答

2 回答

不行啊,你看:

<!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>1)足球</li>
                    <li>2)散步</li>
                    <li>3)篮球</li>
                    <li>4)乒乓球</li>
                    <li>5)骑自行车</li>
                </ol>
            </div>
        </div>
        
        <script type="text/javascript">
            $(function () {
                $("ol").sortable({
                    delay:4,
                    opacity:0.5
                })
            });
        </script>
    </body>
</html>


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

Yinsion_Nie

把1)、2)、3)这些去掉
2015-12-24 回复 有任何疑惑可以回复我~

改成有序列表ol,如:

<ol>

    <li>足球</li>

    <li>散步</li>

    <li>篮球</li>

    <li>乒乓球</li>

    <li>骑自行车</li>

</ol>

JS代码选择器也要改下,如:

$(function () {

  $("ol").sortable({

    delay:2,

    opacity:0.35

  })

});

至于CSS样式你就自己改了哈~~

试试看~~

1 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

怎样排序之后,前面的序号会自动调整呢????

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