Javascript 同位素过滤器:带载过滤器
我想在加载页面时显示预选的过滤器。同位素过滤非常有效,过滤器确实适用,但我不想在加载页面时看到“全部”,所以我尝试在代码中添加预选过滤器。我做错了什么Javascript 同位素过滤器:带载过滤器,javascript,jquery-isotope,Javascript,Jquery Isotope,我想在加载页面时显示预选的过滤器。同位素过滤非常有效,过滤器确实适用,但我不想在加载页面时看到“全部”,所以我尝试在代码中添加预选过滤器。我做错了什么 $( 'body' ).on( 'click touchstart', 'section.gallery .gallery-filters .filter', function( event ) { event.preventDefault(); var isotope = $( this ).parent().parent(
$( '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' );
};
});
$('body')。在('click touchstart','section.gallery.gallery filters.filter',函数(事件){
event.preventDefault();
var同位素=$(this.parent().parent();
var同位素id=同位素数据(‘同位素id’);
var filterValue=$(this).data('filter');
MartanianLuxuryaPartmentsSotopes[SotopeId]。同位素({filter:filterValue});
.find('.gallery filters')。children('.filter')。removeClass('filter active');
$(this.addClass('filter active');
//显示所选过滤器
同位素({
itemSelector:“.filter”,
过滤器:'.gallery过滤器建筑'
});
同位素.find('.gallery single image').removeClass('同位素元素可见');
var filteredElements=martanianLuxuryApartmentsIsotopes[ISOTOEID]。同位素('getfilteredelements');
对于(变量i=0;i
我建议您使用此
$(function() {
//all code isotope here
});
或同等
$(document).ready(function() {
//all code isotope here
});
这样,当页面加载时,该函数中的所有内容都将执行