如何在自舉中進行選擇後排序選擇的選項

我有一個排序過濾器設置爲照片庫，大多數情況下工作很好。除了選擇使用它時，在單擊某個項目後，選項框不會自動關閉。我必須點擊備選框的頂部才能關閉它。但大多數用戶不知道這樣做，它會覆蓋下面的數據。這是一個痛苦。任何幫助將不勝感激。我不是超級技術人員，所以請詳細說明。謝謝。如何在自舉中進行選擇後排序選擇的選項

<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

如何在自舉中進行選擇後排序選擇的選項

回答

相關問題