diff --git a/demo/gch/v4.js b/demo/gch/v4.js index 8a7e5b8..bf1db63 100644 --- a/demo/gch/v4.js +++ b/demo/gch/v4.js @@ -88,6 +88,11 @@ c.tabIndex = d === 0 ? 0 : -1; }); pgB.textContent = idx + 1; pgI.textContent = '/' + cards.length; + /* 11-02 用户:滑到哪张图,右上角分类小滑块跟着跳到它的归属类(只在「全部」里跳;投稿卡回到「全部」;选了具体分类时不动) */ + if (cur === '') { + var cc = cards[idx] && (cards[idx].className.match(/\bc-(\w+)/) || [])[1] || ''; + [].forEach.call(sec.querySelectorAll('.g4-cat button'), function (x) { x.classList.toggle('on', x.dataset.cat === cc); }); + } sec.querySelector('.g4-arr.prev').disabled = idx === 0; } function next() { @@ -160,7 +165,7 @@ sec.querySelector('.g4-all').addEventListener('click', function () { go(''); }); sec.querySelector('.g4-cat').addEventListener('click', function (e) { var b = e.target.closest('button[data-cat]'); - if (!b || b.classList.contains('on')) return; + if (!b || b.dataset.cat === cur) return; // 「全部」里滑块跟着卡片跳,所以按当前筛选判断,不按高亮判断 [].forEach.call(sec.querySelectorAll('.g4-cat button'), function (x) { x.classList.toggle('on', x === b); }); paint(b.dataset.cat); }); diff --git a/index.html b/index.html index 60fc355..810cd18 100644 --- a/index.html +++ b/index.html @@ -2500,7 +2500,7 @@ (function () { var m = location.search.match(/[?&]gcv=([1-6])(?:&|$)/); if (!m) window.__gcDefault = 1; - var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110130'; + var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110131'; l.rel = 'stylesheet'; l.href = 'demo/gch/v' + n + '.css?' + q; s.src = 'demo/gch/v' + n + '.js?' + q; if (m) s.onload = function () { setTimeout(function () { var el = document.getElementById('gcHome'); if (el) el.scrollIntoView({ block: 'center' }); }, 900); };