Как решить конфликт bootstrap.js и скрипта onclick?

Question

[Илиана]

У меня подключен bootstrap.min.js
До определенного момента конфликта не возникало, после добавления в код следующего скрипта все поехало:

$('.country').on('click', function () {
        let country = $( this ).data('country');
        console.log("страна " + country);
    })

Пробовала такой вариант:

$('.country').on('click', function (e) {
        e.prevebtDefault
        let country = $( this ).data('country');
        console.log("страна " + country);
    })

Результат нулевой. Работает только при отключении bootstrap, но тогда перестают работать некоторые функции, в частности переключение табов и блока кнопок. Необходимо решить конфликт.

Comments

[Дима Долготер]

дай сайт, без этого скрипта

[Илиана]

SpiderPigAndCat, он у меня на локальном сервере сейчас стоит, есть еще какие-то способы тут перекинуть?

[Дима Долготер]

Илиана, https://codepen.io/ на этот сайт закинь

[Just Me]

ошибки выводятся в консоль. Посмотри и пришли скриншот

Answer 1

[Дима Долготер]

e.prevebtDefault тут ошибка. e.preventDefault надо написать

Comments

[Илиана]

Исправила, не помогло, включила бутстрап джс, все работает, кроме скрипта onclick

[Дима Долготер]

Илиана,

$(document).on('click','.country', function () {
        let country = $( this ).data('country');
        console.log("страна " + country);
    })

пробуй так

[Илиана]

SpiderPigAndCat, тоже не помогло, с тем что у меня был при отключении бустрапа в консоли ри переключении таба появлялись айдишники. делаю чтобы потом передавать их в апи запрос

сайт корректно не получается в среду выгрузить, оч много подключенных файлов,

[Дима Долготер]

$(document).on('click','.country', function () {
        let country = $( this ).attr('data-country');
        console.log("страна " + country);
    })

пробуй так) и еще. в консоли ошибки посмотри

[Илиана]

SpiderPigAndCat, снова не получилось, в этом и прикол, консоль ошибок не выбивает

[Дима Долготер]

сюда нажми

[Илиана]

SpiderPigAndCat, SpiderPigAndCat, ну у меня тут no messages

[Дима Долготер]

Илиана, давай по очереди тогда)

$(document).on('click','.country', function () {
  alert("click")
    })

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

[Илиана]

SpiderPigAndCat, без изменений(((

[Дима Долготер]

Илиана, когда кликаешь, алерт появляется?

[Илиана]

SpiderPigAndCat, нет

[Дима Долготер]

Илиана, супер. уже прогресс) бутстрап как подключаешь?

[Илиана]

SpiderPigAndCat, файлом,

<script src="/template/js/bootstrap.min.js"></script>

[Дима Долготер]

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

надо так подключить. сначала jquery потом бутстрап

[Илиана]

SpiderPigAndCat, я подключала в таком порядке но из файлов, и посыпались ошибки

[Дима Долготер]

убери все скрипты кроме этих что я скинул

[Дима Долготер]

Илиана, так как оно там?