Hello,
Using the Tabs is Definitely Possible inside an AJAX enabled Single Page but it is not activated by Default. Please add the following code in the js/functions.js File replacing the entire openItem: function() Function Block:
openItem: function(){
var noOfImages = $portfolioDetails.find('img').length;
var noLoaded = 0;
if( noOfImages > 0 ) {
$portfolioDetails.find('img').on('load', function(){
noLoaded++;
var topOffsetScroll = SEMICOLON.initialize.topScrollOffset();
if(noOfImages === noLoaded) {
$portfolioDetailsContainer.css({ 'display': 'block' });
$portfolioDetails.addClass('portfolio-ajax-opened');
$portfolioAjaxLoader.fadeOut();
var t=setTimeout(function(){
SEMICOLON.widget.loadFlexSlider();
SEMICOLON.initialize.lightbox();
SEMICOLON.initialize.resizeVideos();
SEMICOLON.widget.masonryThumbs();
SEMICOLON.widget.tabs();
$('html,body').stop(true).animate({
'scrollTop': $portfolioDetails.offset().top - topOffsetScroll
}, 900, 'easeOutQuad');
},500);
}
});
} else {
var topOffsetScroll = SEMICOLON.initialize.topScrollOffset();
$portfolioDetailsContainer.css({ 'display': 'block' });
$portfolioDetails.addClass('portfolio-ajax-opened');
$portfolioAjaxLoader.fadeOut();
var t=setTimeout(function(){
SEMICOLON.widget.loadFlexSlider();
SEMICOLON.initialize.lightbox();
SEMICOLON.initialize.resizeVideos();
SEMICOLON.widget.masonryThumbs();
SEMICOLON.widget.tabs();
$('html,body').stop(true).animate({
'scrollTop': $portfolioDetails.offset().top - topOffsetScroll
}, 900, 'easeOutQuad');
},500);
}
},
This will definitely fix your issue. Let us know if we can help you with anything else or if you find any further issues.
