Обновляется окно при клике, как убрать?

Question

[alex-alex98]

Есть скрипт

function shops(elt) {
	$('#'+$(elt).data('id')).fadeIn();
};
$(function($) {
	$('.popup-order').find('.close').on('click',function() {
		$('.popup-order').fadeOut();
	});
	$('.popup-order').on('click',function(e) {
		if ($(e.target).hasClass('popup-order')) $(this).fadeOut();
	});
});

Он привязан к ссылке:
<a href="" class="close" title="Закрыть"></a>
При клике на ссылку в появившемся окне происходит обновление страницы и окно закрывается. Необходимо убрать обновление страницы при клике.

1. Навесить return false не сработало
2. Убрать href отключает полностью ссылку, как и если прописать ссылке ##
3. Заменить ссылку на span не работает
4. Навесить onclick сразу в ссылке с отменой не работает
5. Указать e.preventDefault(); не работает
6. Указать javascript:void(0) не работает

Answer 1

[Rsa97]

Если не нужен переход по ссылке, то и не делайте элемент ссылкой. Сделайте кнопку.

Comments

[alex-alex98]

кнопка не реагирует на действие вообще

[Rsa97]

alex-alex98, Значит вы неправильно вешаете обработчик на элемент. Скорее всего, в DOM отсутствует элемент с селектором .popup-order .close а jQuery от вас этот факт прячет, поскольку ему всё равно, на сколько элементов навешивать обработчики, на ноль, на один, на сотню.

[alex-alex98]

Rsa97, не очень понимаю, ссылка работает на закрытие, то, что я скинул, работает, но оно обновляет страницу при закрытии, нажимая на close

Answer 2

[EvgenyApMr]

Попробуй ссылку поменять на это

<button type="button" class="close" title="Закрыть"></button>

Comments

[alex-alex98]

тогда не работает вообще, при наведении курсор есть, а сам клик не срабатывает

[EvgenyApMr]

alex-alex98, скинь свою разметку, возможно, скрипт не может этот элемент найти