建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery显示页面加载时的所有项目插件cubeportfolio

来源:易助科技网浏览量:48收藏

简介


JQuery显示页面加载时的所有项目插件cubeportfolio-示例图


cube-portfolio插件可以显示页面加载时的所有项目,而不仅仅是活动项目。

我正在使用多维数据集组合插件在页面上显示一组事件.我还使用了过滤器,这些过滤器根据其数据过滤器显示不同的项目。有一个'all'过滤器,其类别为'cbp-filter-item-active',显示了页面加载时的所有项目,但由于我不想要它而将其删除,并移动了'cbp-filter-item-活动"类添加到下一个过滤器,但它仍显示所有项目,而不是页面加载时仅属于该类别的项目。我只希望活动类别中的项目在页面加载时显示,而不是所有项目.。我想这是js中告诉它在加载时显示所有项目的东西吗?我只是不确定哪个部分或如何更改它。


原始过滤器:


<div id="filters-container" class="cbp-l-filters-text content-xs">
  <div data-filter="*" class="cbp-filter-item-active cbp-filter-item"> All </div>  |
  <div data-filter=".identity" class="cbp-filter-item"> Identity </div> |
  <div data-filter=".web-design" class="cbp-filter-item"> Web Design </div> |
  <div data-filter=".graphic" class="cbp-filter-item"> Graphic </div> |
  <div data-filter=".logos" class="cbp-filter-item"> Logo </div>
</div>
<!--/end Filters Container-->


改造后的过滤器:


<div id="filters-container" class="cbp-l-filters-text content-xs">
  <div data-filter=".identity" class="cbp-filter-item-active cbp-filter-item"> Identity </div> |
  <div data-filter=".web-design" class="cbp-filter-item"> Web Design </div> |
  <div data-filter=".graphic" class="cbp-filter-item"> Graphic </div> |
  <div data-filter=".logos" class="cbp-filter-item"> Logo </div>
</div>
<!--/end Filters Container-->



相关链接


官方文档 :   https://scriptpie.com/cubeportfolio/live-preview/