Проблема с ЧПУ, выпадающим меню при использовании "#"
Всем привет. Образовалась такая проблема.
Выпадающее меню работает на родительской ссылке (ссылке для выпадения меню) "#".
При нажатии на нее, перебрасывает на главную страницу с видом: domain.com/#,
а в идеале, он должен работать по принципу domain.com/side/left/right#, например
и выводить выпадающий список из подпунктов.
Грешу на ЧПУ и htaccess, но не знаю, куда копать. Подскажите, может, кто сталкивался.
Спасибо.
Выпадающее меню работает на родительской ссылке (ссылке для выпадения меню) "#".
При нажатии на нее, перебрасывает на главную страницу с видом: domain.com/#,
а в идеале, он должен работать по принципу domain.com/side/left/right#, например
и выводить выпадающий список из подпунктов.
Грешу на ЧПУ и htaccess, но не знаю, куда копать. Подскажите, может, кто сталкивался.
Спасибо.
Комментарии: 5
Грешу на ЧПУ и htaccess, но не знаю, куда копать. Подскажите, может, кто сталкивался.А туда и не надо копать, это поведение браузера. Если вы находитесь на странице domain.com/side/left/right, то адрес ссылки должен быть domain.com/side/left/right#, а не #. Именно поэтому и вас перекидывает на главную страницу
и как решить?
<a href="[[~[[*id]]]]#">
решилось так, не знаю, насколько правильно
решилось так, не знаю, насколько правильноНеправильно, эту задачу нужно решать либо со стороны html, т.е. если элемент не является ссылкой, то и использовать нужно другой элемент, но если удобнее использовать ссылку, но его поведение должно быть другое, то js вам в помощь
document.querySelectorAll(selector).forEach(item => item.addEventListener('click', e => e.preventDefault()));
Выпадающее меню по ховеру ведь? А зачем там вообще #? Решётка обычно для якоря используется.
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.