2017-06-12 1 views
0

ページが読み込まれるときに、あらかじめ選択したフィルタを表示したい。アイソトープフィルタリングはかなりうまく動作しますが、フィルタは適用されますが、ページを読み込むときに「すべて」を見たくないので、コードであらかじめ選択したフィルタを追加しようとしています。私は間違って何をしていますか?ページがロードされたときに、私はあなたがこのアイソトープフィルタ:負荷時のフィルタ

$(function() { 
    //all code isotope here 
}); 

または同等

$(document).ready(function() { 
    //all code isotope here 
}); 

すべてその関数内でこの方法を使用することをお勧め

$('body').on('click touchstart', 'section.gallery .gallery-filters .filter', function(event) { 

    event.preventDefault(); 

    var isotope = $(this).parent().parent(); 
    var isotopeID = isotope.data('isotope-id'); 
    var filterValue = $(this).data('filter'); 


    martanianLuxuryApartmentsIsotopes[isotopeID].isotope({ filter: filterValue }); 

    isotope.find('.gallery-filters').children('.filter').removeClass('filter-active'); 
    $(this).addClass('filter-active'); 

      //SHOW THE SELECTED FILTER 
    isotope({ 
    itemSelector: '.filter', 
    filter: '.gallery-filter-building' 
    }); 

    isotope.find('.gallery-single-image').removeClass('isotope-element-visible'); 
    var filteredElements = martanianLuxuryApartmentsIsotopes[isotopeID].isotope('getFilteredItemElements'); 
    for(var i = 0; i < filteredElements.length; i++) { 

     var filteredElement = $(filteredElements[i]); 
     filteredElement.addClass('isotope-element-visible'); 

    }; 

}); 

答えて

0

が実行されます。