@anton99zel
29а класс средней школы №7

Как установить href и не делать сразу переход по ссылке?

При нажатии на кнопку нужно установить href /primerka/, второй клик должен привести к переходу по ссылке.
<a id="abc" class="detail_pr home-primerka-btn" data-element-id="33105" href="javascript:void(0);"><span>Примерить дома</span></a>

Добавил в код ниже это:
document.getElementById("abc").href="/primerka/";
Надписи и классы меняются, и значение href устанавливается, но сразу идёт переход по ссылке, хотя по задумке не должен быть. Должен быть переход когда пользователь второй раз нажмет на кнопку.
JS
$(document).on('click','.home-primerka-btn',function(){
        if ($(this).hasClass('home-primerka-btn_active')){
            $('.home-primerka-btn').removeClass('home-primerka-btn_active');
            $('.home-primerka-btn').find('span').text('Примерка дома');
        }else{
            $('.home-primerka-btn').addClass('home-primerka-btn_active');
            $('.home-primerka-btn').find('span').text('Добавлено на примерку');
document.getElementById("abc").href="/primerka/"; 
            $.ajax(
                {
                    url:'/primerka/add.php',
                    method: 'GET',
                    dataType: 'html',
                    data: "action=ADD_TO_COMPARE_LIST&id="+$(this).data('element-id'),
                    success: function(data){
                        $('#primerka-link').html(data);
                    }
                }
            )
        }
    })

Может я не правильно меняю href? Как его менять без перехода по url?
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ответы на вопрос 1
@inzeppelin
Попробуйте вернуть false в коллбэке.

$(document).on('click', '.home-primerka-btn', function() {

   // ...здесь ваш странный код про классы и аякс

  return false;
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы