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