Как сделать ссылки внутри draggble кликабельными?

Question

[Алексей Царапкин]

Приветствую. Делаю менюху которая бы скролилась на мобилках. Использовал jQueryUI Draggble.
Вот меню.

<div class="mobile-nav navbar navbar-light collapse navbar-collapse" id="navbarMob">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item aside-list__item_yellow ">
                <img class="aside-list__img" src="/netcat_files/125/h_8f609982133f8a3df73ee08749128d6c">
                <a class="nav-link" href="/remont-i-otdelka-kvartir/remont-kvartir/">Ремонт и отделка квартир</a>
            </li>
            <li class="nav-item aside-list__item_orange ">
                <img class="aside-list__img" src="/netcat_files/38/h_750cf683ed4279714936f2f8155c8be1">
                <a class="nav-link" href="/remont-doma/">Ремонт дома, котеджей</a>
            </li>
            <li class="nav-item aside-list__item_grey ">
                <img class="aside-list__img" src="/netcat_files/133/h_356505a39884489b343098ab1d81c5c7">
                <a class="nav-link" href="/remont-nezhilyh-pomescheniy/">Ремонт нежилых помещений</a>
            </li>
            <li class="nav-item aside-list__item_blue ">
                <img class="aside-list__img" src="/netcat_files/39/h_9a0c3c76fd9e86d04ef0cc9b7710f03b">
                <a class="nav-link" href="/vidy-remonta-1/">Виды ремонта</a>
            </li>
            <li class="nav-item aside-list__item_peach ">
                <img class="aside-list__img" src="/netcat_files/135/h_334b5859e65a69efb1df23f6ddba5852">
                <a class="nav-link" href="/obschestroy/">Общестрой</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/">Главная</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/o-kompanii/">О компании</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/aktsii-1/">Акции</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/sale/">Цены</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/otzyvy/">Отзывы</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/kalkulyator/">Калькулятор</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/fotogallereya/">Наши работы</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/stati/">Статьи</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/kontakty/">Контакты</a>
            </li>
        </ul>
    </div>

Вот обработчик

var draggbleMobileMenu = $(".mobile-nav .navbar-nav").draggable({
        axis: "y",
        stop: function( event, ui ) {
            if (ui.position.top >= 0) {
                ui.helper.animate( {left: 0, top: 0}, 200 );
            }
            return true;
        }
    });

Все вроде работает, скролится и тд, но ссылки внутри менюхи не нажимаются на мобилке.
Тоесть в эмуляторе в хроме все ок и ссылки работают, а вот на телефоне уже нет. В чем может быть проблема?

Comments

[Вадик]

попробуй вместо href='' написать onclick='location = "ссылка или файл.html"'

[Алексей Царапкин]

Goldd lol, мало того что костыль, так еще и заведомо не рабочий. На мобильных устройствах событие click не вызывается впринципе.

Answer 1

[Алексей Царапкин]

Костыль который решает проблему

$(".mobile-nav .navbar-nav a").on("touchstart", function (e){
        e.preventDefault();
        window.location.href = $(this).attr("href");
    });