Як на JavaScript обнулити кліки по батьківським посилання в меню

Поширити

За допомогою такого нехитрого програмного коду можна зробити неактивними, тобто відключити всі посилання, що містять дочірні елементи в абстрактному багаторівневому випадаючому меню, зробленим з використанням бібліотеки JQuery.

JavaScript:

<script src=”http://yandex.st/jquery/1.9.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“#navigation li:has(ul.child-navigation)”).hover(function () {
$(this).children(“a”).click(function () {
return false;
});
});
});
</script>

HTML:

<ul id=”navigation”>
<li><a href=”http://druweb.ru”>Неробоча рід. посилання 1</a>
<ul class=”child-navigation”>
<li><a href=”#normal-link-1″>Звичайна посилання 1</a></li>
<li><a href=”#normal-link-2″>Звичайна посилання 2</a></li>
<li><a href=”#normal-link-3″>Звичайна посилання 3</a></li>
</ul>
</li>
<li><a href=”#normal-link-4″>Звичайна посилання 4</a></li>
<li><a href=”#normal-link-5″>Звичайна посилання 5</a></li>
<li><a href=”http://druweb.ru/sitemap.html”>Неробоча рід. посилання 2</a>
<ul class=”child-navigation”>
<li><a href=”#normal-link-6″>Звичайна посилання 6</a></li>
<li><a href=”#normal-link-7″>Звичайна посилання 7</a></li>
</ul>
</li>
<li><a href=”#normal-link-8″>Звичайна посилання 8</a></li>
</ul>

P. S. Меню повинно формуватися у вигляді ненумерованного списку, оскільки ми з вами використовуємо такий ось JQuery-селектор – $(“#navigation li:has(ul.child-navigation)”). Працювати він буде і в Опері, і в IE, Firefox, ну і зрозуміло з Хромом.

Залишити відповідь

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.