Отключить родительские ссылки во вложенном списке навигации онлайн урок.


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

# jQuery

$("#navigation li:has(ul.sub-navigation)").hover(function () {
$(this).children("a").click(function () {
return false;
});
});

# Ссылка HTML

<ul id="navigation">
<li><a href="#your-link-here">Nav 1</a></li>
<ul class="sub-navigation">
<li><a href="#your-link-here">SubNav 1</a></li>
<li><a href="#your-link-here">SubNav 2</a></li>
<li><a href="#your-link-here">SubNav 3</a></li>
</ul>
<li><a href="#your-link-here">Nav 2</a></li>
<li><a href="#your-link-here">Nav 3</a></li>
<li><a href="#your-link-here">Nav 4</a></li>
</ul>