在我的投资组合(克鲁日公共卫生学院)的第一个元素下单击“查看更多”后,可能会遇到该问题。另一个 div 将从 Portfolio 标题下的 slideDown() 以某种方式导致投资组合预览中的任何元素在尝试展开预览时需要单击两次而不是单击一次。
我正在为投资组合网格使用一个插件:http: //tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview
您可以在此处查看相关页面:http ://www.zefirus.co.uk/
以下是我为关闭插件中存在的预览并向下滑动我创建的附加 div 而编写的函数:
function hidePreview() {
var preview = $.data( this, 'preview' );
preview.close();
$.removeData( this, 'preview' );
}
function public_max() {
$('#public_max').slideDown(500);
$('.unload').slideDown(300);
}
function gridSlideUp() {
$(document.body).animate({
'scrollTop': $('#portofoliu').offset().top
}, 300);
setTimeout(public_max, 700);
}
function gridSlideDown() {
$(document.body).animate({
'scrollTop': $('#portofoliu').offset().top
}, 300);
$('#og-grid').slideDown('slow');
$('#og-grid').trigger(click());
}
function load_public() {
hidePreview();
setTimeout(gridSlideUp, 650);
}
function unload_public() {
$('#public_max').slideUp(700);
$('.unload').slideUp(300);
setTimeout(gridSlideDown, 700);
}