isotope自动布局_d945332077的专栏-CSDN博客

来自 : CSDN技术社区 发布时间：2021-03-24

section id options  class clearfix        h3 Filters /h3        ul class option-set clearfix        li a href #filter *  class selected show all /a /li        li a href #filter .metal metal /a /li        li a href #filter .transition transition /a /li        li a href #filter .post-transition post-transition /a /li        li a href #filter .nonmetal nonmetal /a /li        li a href #filter .inner-transition inner-transition /a /li        li a href #filter .alkali%2C .alkaline-earth alkali and alkaline-earth /a /li        li a href #filter %3Anot(.transition) not transition /a /li        li a href #filter .metal%3Anot(.transition) metal but not transition /a /li      /ul        h3 Sort /h3        ul class option-set clearfix        li a href #sortBy original-order  class selected original-order /a /li        li a href #sortBy name name /a /li        li a href #sortBy symbol symbol /a /li        li a href #sortBy number number /a /li        li a href #sortBy weight weight /a /li        li a href #sortBy category category /a /li        li a href #sortBy random random /a /li      /ul        h3 Sort direction /h3        ul class option-set clearfix        li a href #sortAscending true  class selected sort ascending /a /li        li a href #sortAscending false sort descending /a /li      /ul        h3 Layout modes /h3        ul class option-set clearfix        li a href #layoutMode masonry  class selected masonry /a /li        li a href #layoutMode fitRows fitRows /a /li        li a href #layoutMode cellsByRow cellsByRow /a /li        li a href #layoutMode straightDown straightDown /a /li      /ul      /section   !-- #options --   

对应的JavaScript代码中 Hash bookmark history部分代码如下 由于篇幅限制 全部JavaScript代码请参见Github中的文件