Why isn't the #tag link being recognized?
Even though the data-hash
items are visible in the URL window, the script doesn't seem to pick them up.
The standard script used on the carousel page is as follows:
$(document).ready(function() {
$('.sidetext-carousel').owlCarousel({
items: 1,
loop: false,
center:true,
margin:30,
URLhashListener:true,
startPosition: 'URLHash',
});
})
Could this be conflicting with other JS like the one found in owl.carousel_main.js file below?
(function($) {
"use strict";
var fullHeight = function() {
$('.js-fullheight').css('height', $(window).height());
$(window).resize(function(){
$('.js-fullheight').css('height', $(window).height());
});
};
fullHeight();
var carousel = function() {
$('.sidetext-carousel').owlCarousel({
loop:true,
autoplay: false,
margin:30,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
nav:true,
dots: true,
autoplayHoverPause: false,
items: 1,
navText : ["<p><small></small><span class='ion-ios-arrow-round-back'></span></p>","<p><small></small><span class='ion-ios-arrow-round-forward'></span></p>"],
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
};
carousel();
})(jQuery);
Is there a way to prioritize the UrLHashNavigation script?
Or have I placed the script incorrectly?
Appreciate your help.