1 回答

TA貢獻(xiàn)1772條經(jīng)驗 獲得超6個贊
首先,我提取了將所選元素設(shè)置為它自己的函數(shù)的功能:(熱門提示,id
s 是唯一的。在 jquery 中查找?.data()
...和 HTML數(shù)據(jù)集屬性;請參閱函數(shù)的最后一行)
? function setSelected($el) {
? ? ? $('.current').not($el.closest('li').addClass('current')).removeClass('current');
? ? ? localStorage.setItem('mySelectValue', $el.data('id'));
? ? ? $('.pbox:visible').hide(600);
? ? ? $('#'+ $el.data('id')).show(600);
? }?
然后,我們只需在加載時檢查一個值,如果存在,就用這個值調(diào)用同一個函數(shù):
? ? const localID = localStorage.getItem('mySelectValue')
? ? if (localID) setSelected($('[data-id="' +localID + '"]'))
最終的Javascript:
? function setSelected($el) {
? ? ? $('.current').not($el.closest('li').addClass('current')).removeClass('current');
? ? ? localStorage.setItem('mySelectValue', $el.data('id'));
? ? ? $('.pbox:visible').hide(600);
? ? ? $('#'+ $el.data('id')).show(600);
? }?
? ?$(document).ready(function () {
? ? ? $('.pbox:gt(0)').hide();
? ? ? $('#buttons').on('click', 'a', function () {
? ? ? ? ? setSelected($(this))
? ? ? });
? ? ? const localID = localStorage.getItem('mySelectValue')
? ? ? if (localID) setSelected($('[data-id="' +localID + '"]'))
? ? });
添加回答
舉報