用于垂直过滤药片的jQuery插件

时间:2016-07-10 10:11:08

标签: html jquery-plugins e-commerce

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

filter pills vertical filter pills

我需要在工作关闭按钮的图像片段中显示它们。

1 个答案:

答案 0 :(得分: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>
&#13;
&#13;
&#13;