怎樣操作序號，讓前標為順序的！
拖曳排序之后，怎樣操作讓前標號為順序的？（注：忽略（li）標簽里面的文本標簽!）
小小七i
2017-03-17
4 回答
舉報
0/150
提交
取消
2018-06-06
<ul>
? ? ? ? ? ? ? ? ? ? <li><span>1</span>)足球</li>
? ? ? ? ? ? ? ? ? ? <li><span>2</span>)散步</li>
? ? ? ? ? ? ? ? ? ? <li><span>3</span>)籃球</li>
? ? ? ? ? ? ? ? ? ? <li><span>4</span>)乒乓球</li>
? ? ? ? ? ? ? ? ? ? <li><span>5</span>)騎自行車</li>
? ? ? ? ? ? ? ? </ul>
<script type="text/javascript">
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ? $("ul").sortable({
? ? ? ? ? ? ? ? ? ? delay : 2,
? ? ? ? ? ? ? ? ? ? opacity : 0.35,
? ? ? ? ? ? ? ? ? ? stop:function(){
? ? ? ? ? ? ? ? ? ? ? ? $("li>span").each(function(index){
? ? ? ? ? ? ? ? ? ? ? ? ? ? $(this).html(++index);
? ? ? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });
? ? ? ? </script>
each()里函數有個參數代表span集合中當前元素的下標（從0開始）的，所以直接用這個++index就好了
2017-10-09
還不如直接在html代碼里把ul改成ol
2017-07-15
?<div?class="content"> ????????????????<ul> ????????????????????<li><span>1</span>足球</li> ????????????????????<li><span>2</span>散步</li> ????????????????????<li><span>3</span>籃球</li> ????????????????????<li><span>4</span>乒乓球</li> ????????????????????<li><span>5</span>騎自行車</li> ????????????????</ul> ????????????</div> ????????</div> ???????? ????????<script?type="text/javascript"> ????????????$(function?()?{ ????????????????$("ul").sortable({ ????????????????????delay:3, ????????????????????opacity:0.35, ????????????????????stop:function(index){ ????????????????????var?index=0; ???????????????????$('li>span').each(function(){ ???????????????????????$(this).html(++index); ???????????????????}) ????????????????} ???????????????????? ????????????????}) ???????????????? ????????????}); ????????</script>2017-03-30
這就需要再將每個li標簽設置相應的標號，通過js排序進行排列了，還需要寫很多代碼。
不過這一節課的目的就是讓你了解這個方法即可。