При клике на родительский пункт меню Bootstrap не осуществляется переход на страницу, как решить?

Question

[sergey]

В продолжение предыдущего вопроса: есть проект на Bootstrap, меню работает при hover и при клик. Но при hover появляются подпункты, а при клике на родителя надо чтобы осуществлялся переход на страницу, но этого не происходит.
При чем клик по пункту Новости - переходит на страницу новости, а вот клик по тем пунктам где есть выпадающее меню, к примеру Сохраним Байкал - не приводит ни к чему. Подскажите что нет так и как это побороть? Спасибо.

UPD:
Если убрать у ссылок data-toggle="dropdown" то да на десктопе это сработает, но
на мобильных устройствах выпадающее меню перестанет выпадать, т.к. при клике на родителя, вместо выпадающего меню, происходит непосредственный переход на страницу.
Вот как эту ситуацию можно обойти?

Answer 1

[iBird Rose]

убери из ссылки data-toggle="dropdown"

Comments

[sergey]

если я уберу data-toggle="dropdown" - то меню ведь вообще не будет срабатывать

[iBird Rose]

SM: че эт?

[sergey]

iBird Rose: но теперь вылазит новый трабл, на мобильных не срабатывает выпадающее меню, как выйти из ситуации?

[iBird Rose]

SM: а ты че думал - будешь править бутстрап и это тебе ничем не обернется?)) ну тут только костылями. я вижу 2 варианта: 1) вернуть data-toggle когда у тебя меню схлопывается. 2) на мобилках при первом клике навесить класс к примеру "open" который будет открывать дропдаун, а при втором клике (тобишь проверив что класс "open" уже висит) переходить по ссылке

[sergey]

iBird Rose: да уж, но спасибо за идею

[sergey]

iBird Rose: можешь помочь с первым вариантом? как его правильно реализовать? а то я уже запутался

[sergey]

iBird Rose: скорее всего, спасибо

[iBird Rose]

SM: че то типа этого https://jsfiddle.net/00xx4u9j/1/

[sergey]

iBird Rose: но что то не срабатывает?

[iBird Rose]

SM: у тебя схлопывается при 768. изменил? https://jsfiddle.net/00xx4u9j/3/

[sergey]

iBird Rose: я сам поменял схлопование размер, но всеравно

[sergey]

iBird Rose: все ок, js файл не залился

[sergey]

iBird Rose: но смотри теперь переход на пункт меню исчез, при втором клике меню складывается просто

[iBird Rose]

SM: ну тк так и должно быть. я тебе выше описал 2 варианта. ты выбрал первый - тобишь вернуть обычный бутсраповский dropdown. а в нем и нет такой функции чтобы можно было переходить по ссылке

[sergey]

iBird Rose: а второй позволяет?

[iBird Rose]

SM: ну если сделаешь то да. тока это уже сам давай. скажу только чтобы убрать переход по ссылке вешай, event.preventDefault(), а если уберешь - то будет работать переход.

[sergey]

iBird Rose: ок благодарю