我在themeforest站點http://designova.net/reveal/preview/中發現了此模板。 我嘗試探索的模板,我發現鏈接是這樣的: http://designova.net/reveal/preview/index.html#filter=.blog%3Anot(.blog2),+.post2CSS/HTML參數鏈接
你能告訴我這個鏈接參數
#filter=.blog%3Anot(.blog2),+.post2
我以前沒有看到這樣的鏈接。
我在themeforest站點http://designova.net/reveal/preview/中發現了此模板。 我嘗試探索的模板,我發現鏈接是這樣的: http://designova.net/reveal/preview/index.html#filter=.blog%3Anot(.blog2),+.post2CSS/HTML參數鏈接
你能告訴我這個鏈接參數
#filter=.blog%3Anot(.blog2),+.post2
我以前沒有看到這樣的鏈接。
本網站使用jquery-bbq和jquery-isotope。
隨着jQuery的燒烤,它解析URL,並得到一個結果作爲過濾。
With jquery-isotope and the filter,它用動畫過濾本網站中的項目。 jQuery的同位素的機制是:
過濾:隱藏與jQuery選擇輕易流露item元素。
頁面加載時,JavaScript會查看哈希值後的值,然後將視圖更新爲該過濾器。該%3A
是一個冒號編碼,所以過濾器值是:
.blog:not(.blog2),+.post2
的.blog
是一類選擇,於是找了所有.blog
不是.blog2
然後還顯示與post2
類名的元素。
嘗試將以下網址,你會看到的內容是如何不同:
blog
類)blog
類的所有博客文章,但不包括那些有blog2
類