removeAttr ("href") на привязке также убрал цвет текста

Question

У меня есть веб-сайт, который использует JQuery и JQuery UI.

Для некоторых ссылок я не хотел использовать цвета темы JQuery UI, поэтому я переопределил, используя свой собственный css.

Все это работало, пока я не использовал $("#a_about").removeAttr("href") для удаления href с якорей (чтобы ссылка не работала на самом деле, я просто хочу захватить действие щелчка), к моему удивлению, он также убрал цвет, который применял мой cssи вернулся к цвету, который JQuery UI Theme применял ранее.

Я пытался изменить элемент, к которому применяется цвет (сам якорь, родительский контейнер и т. Д.), Но ничего не помогло.Спасибо ...

Answer 1

Это потому, что в некоторых браузерах якорь a без атрибута href рассматривается как обычный текст.Поэтому попробуйте изменить href на javascript:; вместо того, чтобы удалить его.

Answer 2

Вместо:

$("#a_about").removeAttr("href")

Использование:

$("#a_about").attr("href","javascript:;")

Answer 3

Якорь без href на самом деле не является ссылкой.Как говорили другие, установите его на что-то вроде # и чтобы «отменить» клик, также есть:

$("#a_about").attr("href", "#").click(function() { return false; });

Answer 4

Не трогай href. Запретить действие по умолчанию в обработчике событий.

Таким образом, ссылка будет продолжать работать, если люди, например, щелкнут по ней средней кнопкой мыши.