Необходимо отключить функцию On-Click при наведении на другую ссылку - PullRequest
0 голосов
/ 03 июля 2019

Я работаю над выпадающим меню и добавил эффект зависания для выпадающих элементов, но меня беспокоит то, что, когда я нажимаю на ссылку, открывается раскрывающееся меню, но когда я нахожусь, тогда эта функция щелчка все еще активна.

Для большей ясности просмотрите прилагаемое изображение и дайте мне знать, если вам требуется более подробная информация: enter image description here

КОД HTML:

.dropdown:hover .dropdown-menu {
	display: block;
}

JS CODE:

$(function() {
		$('.navbar-nav li a').filter(function() {
			return this.href == location.href
		}).parent().addClass('active').siblings().removeClass('active');
		$('.navbar-nav li a').click(
				function() {
					$(this).parent().addClass('active').siblings().removeClass(
							'active');
				})
	});

1 Ответ

0 голосов
/ 03 июля 2019

HTML

<div id="myDIV">
<button class="btn">1</button>
<button class="btn active">2</button>
<button class="btn">3</button>
<button class="btn">4</button>
<button class="btn">5</button>
</div>

CSS: создайте свой собственный

Попробуйте этот чистый код JavaScript

        // Get the container element
        var btnContainer = document.getElementById("myDIV");

        // Get all buttons with class="btn" inside the container
        var btns = btnContainer.getElementsByClassName("btn");

        // Loop through the buttons and add the active class to the current/clicked button
    for (var i = 0; i < btns.length; i++) {
     btns[i].addEventListener("click", function() {
     var current = document.getElementsByClassName("active");
     current[0].className = current[0].className.replace(" active", "");
        this.className += " active";
    });
    }
...