Почему кнопка не работает в Хроме и Опере?

HM
На сайте с 23.01.2012
Offline
53
538

Здравствуйте. Не пойму в чем дело... на сайте стоит кнопка, для перехода на внешнюю страницу. НО проблема в том, что она нормально перенаправляет только в браузере Яндекс, а в Хроме и Опере лишь появляется пустое окно с ссылкой в адресной строке "about:blank"

Вот основной код кнопки и скрипта


<div id="buyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

<button id="btn-buy"
class="myButton">Купить за <span
class="price">...</span> руб
<div class="ripple-container"></div>
</button>
</div>


var buyUrls = {
"p100": 'https://ссылка',
"p200": 'https://ссылка',
"p300": 'https://ссылка',
"p400": 'https://ссылка',
"p500": 'https://ссылка',
};

$('#btn-buy').click(function () {
window.open(buyUrls["p" + $(this).data('price')]);
//$('#t' + $(this).data('lot')).hide();
//$('#buyModal').modal('hide');
});
LEOnidUKG
На сайте с 25.11.2006
Offline
1774
#1

Откройте панель разработчика и посмотрите что в консоле написано.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
Samail
На сайте с 10.05.2007
Offline
369
#2

Попробуйте

 $(this).data('price')

поменять на:

$(this).children('.price').text()
nezabor
На сайте с 19.07.2010
Offline
152
#3

HeyMan, а где у вас в html data-price=""?

---------- Добавлено 15.02.2018 в 10:10 ----------

а еще попробуйте

$('body').on('click', '#btn-buy', function(){

...
});
Чудес не бывает...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий