同位素过滤器的投资组合问题

时间:2018-07-10 06:19:32

标签: javascript jquery wordpress web jquery-isotope

这是一场噩梦。我购买了Wordpress模板,但该支持对我没有帮助。问题是,当您单击充当过滤器的列表项之一时,有时转到lightbox图库(单击图片)时将无法正常工作。我遇到的主要问题是,当用户尝试在充电之前{@ {1}}悬停该部分时,显示的是混合图片,而不仅仅是您所在部分的图片。到目前为止,lightbox相关的代码是这样的:

Javascript

});

我想这是同位素调用者。 我可以发布其余的调用$(window).load(function(){ // Container var $container = $('.isotope-container'); $container.isotope({ filter:'*', animationOptions: { duration: 750, easing: 'linear', queue: false, } }); // Isotope Button $('#options li a').click(function(){ var n = jQuery.queue( $( 'class' )[ 0 ], 'fx' ); var selector = $(this).attr('data-filter'); $container.isotope({ filter:selector, animationOptions: { duration: 750, easing: 'linear', queue: false, } }); return false; }); var $optionSets = $('#options'), $optionLinks = $optionSets.find('a'); $optionLinks.click(function(){ var $this = $(this); // don't proceed if already selected if ($this.hasClass('selected')) { return false; } var $optionSet = $this.parents('#options'); $optionSet.find('.selected').removeClass('selected'); $this.addClass('selected'); $('.foliobox').removeClass('active'); $container.isotope( 'on', 'layoutComplete', function() { $('.foliobox').each(function(){ $this = $(this); if($this.is(':visible')){ $this.addClass('active') } }) } ) }); 的代码。我想作为一个主意,可以做的是在图库顶部添加一个带有z-index的假按钮,并在功能完成后将其隐藏。你能帮我吗?我一点也不擅长lightbox

这是网站:http://donarnold.com.au/

非常感谢!

0 个答案:

没有答案