JS實現一個列表中包含上移下移刪除等功能_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 21:27:32
JS實現一個列表中包含上移下移刪除等功能_javascript技巧
JS實現一個列表中包含上移下移刪除等功能_javascript技巧:最近做了一個項目，包括了一個列表頁，為了用戶體驗，操作均使用JS實現，其中包括在列表中實現上移，下移，刪除等功能，前臺JS，后端數據修改使用AJAX，本文主要說一下前臺JS這塊 先看一下頁面的截圖 看一下它的HTML結構，當然，這與前臺切圖有關，后端程序
導讀JS實現一個列表中包含上移下移刪除等功能_javascript技巧:最近做了一個項目，包括了一個列表頁，為了用戶體驗，操作均使用JS實現，其中包括在列表中實現上移，下移，刪除等功能，前臺JS，后端數據修改使用AJAX，本文主要說一下前臺JS這塊 先看一下頁面的截圖 看一下它的HTML結構，當然，這與前臺切圖有關，后端程序
最近做了一個項目，包括了一個列表頁，為了用戶體驗，操作均使用JS實現，其中包括在列表中實現上移，下移，刪除等功能，前臺JS，后端數據修改使用AJAX，本文主要說一下前臺JS這塊
先看一下頁面的截圖
看一下它的HTML結構，當然，這與前臺切圖有關，后端程序人員只負責寫自己的JS這塊，我以我們項目為例，看一下它們切的HTML
內容1：2013年 加班.txt
2014/9/24 9:54:00
上移
下移
刪除
內容2：使用說明.txt
2014/9/24 9:54:00
上移
下移
刪除
內容3：占占大師.txt
2014/9/24 9:54:00
上移
下移
刪除
內容4：排序問題.txt
2014/9/24 9:54:00
上移
下移
刪除
下面我們主要看一下JS代碼，主要使用JQ的on方法實現的，原因是因為列表的數據有第一次為靜態的（bind），當排序后，數據變為動態的（live），所以，這種結構只能使用on才最合理，看一下代碼
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JS實現一個列表中包含上移下移刪除等功能_javascript技巧
JS實現一個列表中包含上移下移刪除等功能_javascript技巧:最近做了一個項目，包括了一個列表頁，為了用戶體驗，操作均使用JS實現，其中包括在列表中實現上移，下移，刪除等功能，前臺JS，后端數據修改使用AJAX，本文主要說一下前臺JS這塊 先看一下頁面的截圖 看一下它的HTML結構，當然，這與前臺切圖有關，后端程序
