首頁 >web前端 >js教程 >jQuery之排序組件的深入解析_jquery

jQuery之排序組件的深入解析_jquery

WBOY
WBOY原創
2016-05-16 17:31:531019瀏覽
1:排序(Sortable)元件可以將頁面上的一組元素變成可排序的,可用於定義一個可排序的元素列表,然後,透過拖曳滑鼠可以調整元素在列表中的位置
$('.selector').sortable(options);   
簡單實例:
複製代碼 代碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



sortable元件










 

拖曳滑鼠調整下列選項的順序


 

        星期一
       
  • 星期二

  •    
  • 星期三

  •    
  • 星期四

  •    
  • 星期五

  • 星期六

  •    
  • 星期七
 
div>身體>

效果圖:
   

通常將兩個以上的列表同時進行排序稱為關聯排序列表,利用屬性connectWidth屬性設定一個選擇符,這樣就可以指定在不同的列表之間移動元素的順序複製程式碼 程式碼如下:





sortable组件











 

   

     
休闲类小游戏

      ×

   

         
  • 菠萝蛋糕

  •      
  • 人品计算器

  •      
  • 我的恐怖小屋

  •      
  • 品茗闻香话茶道

  •      
  • 暴打火柴人中文版

  •    

 



 

   

     
动作类小游戏

      ×

   

         
  • 奧特曼之狼人傳說

  •  戰鬥機
         
  • 月蝕之刃

  •      
  • 終極拳皇

  •      ul>
     



 

   
     
精品遊戲

      ×

   

     



陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn