点击我的投资组合的第一个元素(克鲁日公共卫生学院)下的“查看更多”后,可以体验到这个问题。另一个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);
}