jQuery 垂直滤镜插件

Question

是否有一个有效的 jQuery 插件可以显示产品列表顶部水平过滤器列中选定的过滤器选项，如图所示。

我需要像图片中的片段一样显示它们，并带有有效的关闭按钮。

Answer 1

也许是这样的？（这不是一个插件，只是一个如何创建元素的例子）

.FilterButtons{
  display: inline-block;
  float: left;
}
.FilterBtn{
  margin: 0 7px;
  background-color:lightgrey;
  display: inline;
  float: right;
  text-align: right;
  padding: 3px 0 0 9px;
  margin-bottom: 3px;
}
.FilterBtnCenter{
  display: inline-block;
  float: left; 

}
.FilterBtnLeft{
  float: left;
}
.FilterBtnRight{
  display: inline-block;
  float: right;
  margin-left:7px;
  padding-right:7px;
}

        <div class="FilterButtons">
          
          <div class="FilterBtn">
            <a href="#"><div class="FilterBtnLeft"></div></a>
            <div class="FilterBtnCenter"> 10% - 20% <a href="#"></a></div>
            <div class="FilterBtnRight"> &#x274E; </div>
          </div>
          
          <div class="FilterBtn">
            <a href="#"><div class="FilterBtnLeft"></div></a>
              <div class="FilterBtnCenter"> Round Neck <a href="#"></a></div>
              <div class="FilterBtnRight"> &#x274E; </div>
          </div>
          
         </div>

jQuery 垂直滤镜插件

jQuery plugin for vertical filter pills

html

jquery-plugins

e-commerce