2016-10-16 9 views
0

我使用metafizzy提供的同位素在具有不同過濾器的div上,它對我來說非常適合這樣。但是當我後來添加一個孩子divdiv的ID爲communitymembers時,同位素過濾器不適用於那個孩子。同位素過濾器不適用於稍後添加到主項目選擇器的子項

  $container = $('#communitymembers').isotope({ 
       itemSelector: '.item-select', 
       filter: function() { 
        var $this = $(this); 
        var searchResult = commMemberKeywordSearchFilter ? $this.find('.memberName').text().match(commMemberKeywordSearchFilter) : true; 
        var expertiseResult = $this.is(commMemberExpertiseFilter); 
        var distanceResult = commMemberDistanceFilter ? $this.find('.communityLocation').attr("data-com-loc") < parseInt(commMemberDistanceFilter) : true; 
        return searchResult && distanceResult && (expertiseResult || commMemberExpertiseFilter==''); 
       } 
      }); 
       $('.filtercheck').change(function() { 
       var inclusives = []; 

       $('.filtercheck').each(function(i, elem) { 
        if (elem.checked) { 
         inclusives.push(elem.value);             
        }      
       }); 
       commMemberExpertiseFilter = inclusives.join(', '); 
       $container.isotope();    
      }); 
      $('#distance-filter-community-member-list').on("change", function() { 
       commMemberDistanceFilter = this.value; 
       $container.isotope();    
      }); 

      $("#communityMemberListSearch").keyup(debounce(function(){       
       commMemberKeywordSearchFilter = new RegExp($("#communityMemberListSearch").val(), 'gi'); 
       $container.isotope(); 
      } , 200)); 

事件雖然追加後我已經調用同位素,但它不起作用。

$("#communitymembers").append(memberslist); 
$container.isotope(); 

請幫忙!!!

回答

0

解決與此,

$container.append(template).isotope('appended', template).isotope('layout'); 

應該工作

相關問題