Не работают ссылки в мобильной версии сайта?

Question

[Глеб Старков]

Есть такой код:

@foreach($images as $image)
    <div class="span3 my-img" data-image-id="{{ $image->id }}">
        <img src="/photo/{{ $object->id }}/{{ $image->id }}.{{ $image->name }}" style="height: 100px;" />
        <p><a href="#" data-object-id="{{ $object->id }}" data-image-id="{{ $image->id }}" onclick="return deleteImage(this)">УДАЛИТЬ</a></p>
    </div>
@endforeach

Используется в админской части сайта, поэтому на сайте показать не могу.

Ссылка "УДАЛИТЬ" не срабатывает, когда заходят на сайт через смартфоны, в имитации мобильной версии в браузере - всё ок.

На этом div еще привязан код draggable, то-есть дивы перетаскиваются вместе с ссылками.

Что может быть?

Comments

[Антон Антон]

сделайте draggable на отдельную ручку, а не на весь див. скорее всего тачстарт проглатывает клик.

[Глеб Старков]

Антон Антон, Мне нужно, чтобы перетаскивалось всё вместе, с ссылкой

[Антон Антон]

Глеб Старков, да пусть перетаскивается вместесо ссылкой. просто чувствительная область для перетаскивания пусть будет не весь див-контейнер, а какая-нибудь ручка, по типу такого:

[Глеб Старков]

Антон Антон, А как это сделать? В вёрстке полный ноль.

[Антон Антон]

Глеб Старков, а чем draggable сделан?

[Глеб Старков]

Антон Антон,

[Глеб Старков]

Антон Антон, Насколько я понимаю стандартным jquery sortable

[Антон Антон]

Глеб Старков, ну вот доки по добавлению ручек: https://jqueryui.com/draggable/#handle

[Глеб Старков]

Антон Антон, Спасибо, разобрался. Добавил handle: "img" в параметры функции sortable. И всё заработало.
Добавьте ваш комментарий в ответы, отмечу решением

Answer 1

[Антон Антон]

Cделайте draggable на отдельную ручку, а не на весь див, скорее всего тачстарт проглатывает клик.

Примерно так

Для jquery draggable пример тут: https://jqueryui.com/draggable/#handle
Для sortablejs тут: sortablejs.github.io/Sortable/#handle