Невозможно получить кнопку, чтобы центрировать div с помощью JQuery

Question

Когда вы нажимаете на карусель img, вы заметите, что он переместится в центр в окне просмотра. Тем не менее, я также хочу, чтобы это произошло, когда вы нажимаете .owl-thumb-items (пронумерованная кнопка). Я попытался добавить класс большого пальца к скрипту следующим образом: $('.owl-carousel, .owl-thumb-item'). Но это явно не сработало.

$('.owl-carousel, .owl-thumb-item').on('click', function(e) { 

    var el = $(".lazyOwl", this); 
    var elOffset = el.offset().top; 
    var elHeight = el.height(); 
    var windowHeight = $(window).height(); 
    var offset; 

    if (elHeight < windowHeight) { 
    offset = elOffset - ((windowHeight/2) - (elHeight/2)); 
    } 
    else { 
    offset = elOffset; 
    } 
    var speed = 700; 
    $('html, body').animate({scrollTop:offset}, speed); 
}); 

var animations = new Array(); 
// queue all 
$(".owl-thumb-item").each(function() { 
    animations.push($(this)); 
}); 

// start animating 
doAnimation(animations.shift()); 

function doAnimation(image) { 
    image.fadeIn("slow", function() { 
    // wait until animation is done and recurse if there are more animations 
    if (animations.length > 0) doAnimation(animations.shift()); 
    }); 
} 

http://jsfiddle.net/8bJUc/660/

Answer 1

Для кнопок, ваш сценарий будет искать для элемента с классом «lazyOwl» внутри самой кнопки. Вот исправление, который просто ссылается на «lazyOwl» с каруселью:

var el = $('.owl-carousel .lazyOwl'); 
$('.owl-carousel, .owl-thumb-item').on('click', function(e) { 

    // var el = $(".lazyOwl", this); 
    var elOffset = el.offset().top; 
    ... 

Fiddle