如何在自举中进行选择后排序选择的选项

我有一个排序过滤器设置为照片库，大多数情况下工作很好。除了选择使用它时，在单击某个项目后，选项框不会自动关闭。我必须点击备选框的顶部才能关闭它。但大多数用户不知道这样做，它会覆盖下面的数据。这是一个痛苦。任何帮助将不胜感激。我不是超级技术人员，所以请详细说明。谢谢。如何在自举中进行选择后排序选择的选项

<div class="sorting_options clearfix"> 


          <!-- filter_block --> 
          <div id="options" class="product_sort"> 
           <div class="filterhouse_btn"><span class="sorting_options_text">Select Your Model</span><span class="pull-right glyphicon glyphicon-chevron-down"></span><div class="clear"></div></div> 
           <ul id="filter" class="option-set" data-option-key="filter"> 

            <li><a class="" href="#filter" data-option-value=".arrow">The Arrow</a></li> 
            <li><a class="" href="#filter" data-option-value=".berry">The Berry</a></li> 
            <li><a class="" href="#filter" data-option-value=".cypress">The Cypress</a></li> 
            <li><a class="" href="#filter" data-option-value=".dog">The Dog</a></li> 
            <li><a class="" href="#filter" data-option-value=".siteplan">Site Plan</a></li> 
            <li><a class="" href="#filter" data-option-value=".floorplan">Floor Plans</a></li> 
            <!--<li><a class="" href="#filter" data-option-value=".map">Map</a></li> --> 
            <li class="current"><a class="" href="#filter" data-option-value=".arrowopen, .berryopen, .cypressopen, .dogopen, .galleryopen, .siteplanopen">Preview</a></li> 
            <li><a class="" href="#filter" data-option-value="*">All</a></li> 
           </ul> 
          </div> 
          <script> 
           $("#filter").hide(); 
           $(".filterhouse_btn, #filter li a").click(function() { 
            $("#filter").slideToggle("fast"); 
           }); 
          </script>

来源

2016-08-20 Frank

不知道它是否在这里粘贴了代码的错字cos - 但是您没有关闭上面代码中的父代（sorting_options）div。我只是将代码粘贴到工作页面中，并且如果在代码中关闭了div，div会按预期关闭。

$("#filter").hide(); 
 
$(".filterhouse_btn, #filter li a").click(function() { 
 
    $("#filter").slideToggle("fast"); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="sorting_options clearfix"> 
 

 
    <!-- filter_block --> 
 
    <div id="options" class="product_sort"> 
 
    <div class="filterhouse_btn"> 
 
     <span class="sorting_options_text">Select Your Model</span><span class="pull-right glyphicon glyphicon-chevron-down"></span> 
 
     <div class="clear"></div> 
 
    </div> 
 
    <ul id="filter" class="option-set" data-option-key="filter"> 
 
     <li><a class="" href="#filter" data-option-value=".arrow">The Arrow</a></li> 
 
     <li><a class="" href="#filter" data-option-value=".berry">The Berry</a></li> 
 
     <li><a class="" href="#filter" data-option-value=".cypress">The Cypress</a></li> 
 
     <li><a class="" href="#filter" data-option-value=".dog">The Dog</a></li> 
 
     <li><a class="" href="#filter" data-option-value=".siteplan">Site Plan</a></li> 
 
     <li><a class="" href="#filter" data-option-value=".floorplan">Floor Plans</a></li> 
 
     <!--<li><a class="" href="#filter" data-option-value=".map">Map</a></li> --> 
 
     <li class="current"><a class="" href="#filter" data-option-value=".arrowopen, .berryopen, .cypressopen, .dogopen, .galleryopen, .siteplanopen">Preview</a></li> 
 
     <li><a class="" href="#filter" data-option-value="*">All</a></li> 
 
    </ul> 
 
    </div> 
 
</div>

来源

2016-08-20 23:08:56 gavgrif

我毕竟排序元素的结束div如果我在这里添加它，它会导致元素被忽略。所以，不，不幸的是，这并没有解决问题。 – Frank

如何在自举中进行选择后排序选择的选项

回答

相关问题