亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

拖曳排序插件——sortable

拖曳排序插件的功能是將序列元素(例如<option>、<li>)按任意位置進行拖曳從而形成一個新的元素序列,實現拖曳排序的功能,它的調用格式為:

$(selector).sortable({options});

selector參數為進行拖曳排序的元素,options為調用方法時的配置對象,

例如,在頁面中,通過加載sortable插件將<ul>元素中的各個<li>表項實現拖曳排序的功能,如下圖所示:

在瀏覽器中顯示的效果:

從圖中可以看出,由于使用sortable插件綁定了<ul>元素,并設置了拖曳時的透明度,因此,<ul>中的各個<li>元素則能指定的透明度進行任意的拖曳排序。

任務

我來試試,親自調用sortable插件對<ul>元素中的<li>表項進行拖曳排序。

在下列代碼的第29、30行,調用插件的sortable()方法,實現按指定的透明度進行拖曳排序的功能。

?不會了怎么辦
  1. 首先,在sortable()方法的配置對象中添加“delay”屬性,該屬性表示拖曳后,延時放置的時間,通常設置為2秒,此屬性可以防止點擊時事件沖突。
  2. 其次,在sortable()方法的配置對象中添加“opacity”屬性,該屬性表示拖曳元素時,元素本身的透明度值,此屬性值時一個百分比小數。
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?