lliamexx
@lliamexx

Почему скрипт click не работает?

Написала скрипт, который должен был при клике на элемент передавать значение data-country, и для проверки выводить его в консоль:

$('.country').on('click', function () {
            let country = $( this ).data('country'); // Этот атрибут прописан в html
            console.log("страна " + country);
        })


Сами элементы выглядят так:
<div class="btn-group btn-group-toggle" data-toggle="buttons" >
                            <label class="btn btn-secondary  btn-rounded active">
                                <input type="radio" style="opacity:0" name="country" class="country" data-country="0" autocomplete="off" checked value="RU" required>
<img src="template/images/RU.png" width="19" height="19" style="vertical-align: middle"> &nbsp;
                                Россия  </label>
                            <label class="btn btn-secondary  btn-rounded">
                                <input type="radio" style="opacity:0" name="country" class="country" data-country="2" autocomplete="off" value="KZ">
<img src="template/images/KZ.png" width="19" height="19" style="vertical-align: middle">&nbsp;
                                Казахстан   </label>
                            <label class="btn btn-secondary  btn-rounded">
                                <input type="radio" style="opacity:0" name="country" class="country" data-country="1" autocomplete="off" value="UA">
<img src="template/images/UA.png" width="19" height="19" style="vertical-align: middle">&nbsp;
                                Украина </label> </div>


Пробовала выносить в файл, в тег скрипт в индексе, не помогает, подскажите, может что-то не так делаю?

UPD: обнаружила конфликт между bootstrap и jquery, решения так и не знаю. Выключаю бутстрап-кнопки не жмутся но скрипт работает и наоборот
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ответы на вопрос 1
AntonLitvinenko
@AntonLitvinenko
HTML coder
наверно что-то не так делаете. Скрипт вполне себе работает.
До скрипта должно быть подключено jQuery, скрипт после и желательно завернут в
$(function() {
  $('.country').on('click', function () {
    let country = $( this ).data('country'); // Этот атрибут прописан в html
      console.log("страна " + country);
    })
});
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
06 июн. 2020, в 11:17
500 руб./за проект
06 июн. 2020, в 11:15
33333 руб./за проект
06 июн. 2020, в 10:32
7000 руб./за проект