Отключить ссылки с пустым атрибутом href

Иногда возникает необходимость создать ссылку, которая на самом деле никуда не ведет. Прекрасным примером этого является пункт меню верхнего уровня, который отображает раскрывающийся список пунктов подменю. В этом случае вы просто хотите, чтобы пункт меню служил контейнером для других пунктов меню, но не предназначался для перемещения пользователя куда-либо при нажатии. Таким образом, обычной практикой является использование # символа (хеша) в качестве атрибута href. Причина этого в том, что страница не перезагружается, так как символ хеша используется для внутристраничных ссылок. Однако, щелкнув ссылку, вы добавите фрагмент к URL-адресу в адресной строке браузера. Хотя это на самом деле не желательно, это часто рассматривается как приемлемый побочный эффект.

Один из способов избежать этого – добавить шаблонный код jQuery, который будет гарантировать, что эти «пустые» атрибуты href на самом деле ничего не делают:

/**
 * Запретить всем ссылкам с # в href что-то делать
 */
jQuery(document).ready(function($) {
    $('a[href="#"]').click(function(e) {
        e.preventDefault();
    });
});

Статья была переведена для блога TechBlog.SDStudio.top

Источник: wpscholar.com

Источник записи: