Как упоминалось в моем комментарии, селектор не выбирал нужные элементы.
jQuery('.nav-pills .nav-link:eq( '+click1+' ) a').trigger('click');
выберет тег <a>
элемента с классом .nav-link. Поскольку элемент .nav-link сам по себе является тегом <a>
, его просто необходимо удалить с конца:
function toggleActiveLink() {
var interval = setInterval(function(){
if(jQuery('.nav-pills .nav-link').length == click1)
{
click1 = 0;
}
jQuery('.nav-pills .nav-link:eq( '+click1+' )').trigger('click');
click1 ++;
},500);
return interval;
}
var click1 = 0;
var activeLinkInterval = toggleActiveLink();
$('.nav-link').on('mouseenter', function() {
clearInterval(activeLinkInterval);
}).on('mouseleave', function() {
activeLinkInterval = toggleActiveLink();
});