首頁(yè) 猿問(wèn) 用jquery實(shí)現(xiàn)表格行置頂之后...

用jquery實(shí)現(xiàn)表格行置頂之后如何跟后臺(tái)用ajax交互在刷新之后仍保持當(dāng)前位置？

JavaScript

海綿寶寶撒 2018-11-14 17:17:09

如題所示，在每行的后面有一個(gè)top按鈕，點(diǎn)擊置頂，由于有settimeout自刷新，并重新獲取數(shù)據(jù)，所以這個(gè)置頂位置并不能保持，每次刷新之后就沒(méi)有效果了代碼：$(".top").click(function(){ var $tr = $(this).parents("tr"); $tr.fadeOut().fadeIn(); $("tbody").prepend($tr); $(this).css({"color":"red","font-weight":"bold"});}); 其實(shí)這部分代碼對(duì)解決問(wèn)題沒(méi)什么作用，主要還是想知道如何與后臺(tái)交互或者在前臺(tái)影響全局變量，從而保持當(dāng)前置頂位置

查看完整描述

1 回答

慕俠2389804

TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊

得看看你這個(gè)置頂是永久性的還是一時(shí)性的！

如果是永久性的置頂，那你的數(shù)據(jù)肯定是存儲(chǔ)在數(shù)據(jù)庫(kù)里的，并且有個(gè)字段用來(lái)標(biāo)識(shí)該條數(shù)據(jù)是否為置頂數(shù)據(jù)，綁定到前端的時(shí)候，通過(guò)標(biāo)識(shí)來(lái)判斷這條數(shù)據(jù)是否置頂，這個(gè)就完全不需要前端來(lái)考慮這個(gè)問(wèn)題吧?你在前端只不過(guò)是把這部分?jǐn)?shù)據(jù)展示而已。
如果你的置頂只是一時(shí)性的,你可以在每次請(qǐng)求ajax數(shù)據(jù)之前，獲取到置頂數(shù)據(jù)行的某列數(shù)據(jù)作為標(biāo)識(shí)（這個(gè)由你自己來(lái)定，不過(guò)該列的值必須是唯一的），然后再去請(qǐng)求ajax數(shù)據(jù)，在綁定的時(shí)候，用你存儲(chǔ)下來(lái)的標(biāo)識(shí)跟請(qǐng)求到數(shù)據(jù)進(jìn)行判斷，相等的話(huà)就把改行數(shù)據(jù)設(shè)置為置頂。(感覺(jué)寫(xiě)這種置頂沒(méi)多大意義, 因?yàn)檫@種置頂數(shù)據(jù)只有你自己能看的到，要是你把頁(yè)面關(guān)閉了一樣沒(méi)用，畢竟不是永久性的）

反對(duì) 回復(fù) 2018-12-25