0
76
2015-07-28

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

Прелесть этого подхода в том, что благодаря не большому jQuery скрипту вы можете использовать `#` символ в любой ссылке, зная, что это предотвратит функциональность по умолчанию.
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

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

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

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




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

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