Я создаю приложение для сенсорного экрана для своего клиента, используя AngularJs. Я использую ngTouch, а затем директивы ng-swipe-left и ng-swipe-right. Я создал функцию, которая должна вызываться, когда я прокручиваю влево и аналогично для правильного прокрутки.ngSwipe не работает должным образом
HTML шаблона:
<div class="prod-gall" data-ng-controller="getItemDataCtrl>
<ul class="prod-gall-list" data-ng-swipe-left="swipeLeft($event)">
<li data-ng-repeat="i in itemList" >
<figure class="prd-img"> @*<img src={{i.image}} alt="" />*@ <img class="figure.prd-img img" src=content/images/movies/m2210521.jpg alt="" />
<figcaption class="prd-nam f5">{{i.title}}</figcaption>
</figure>
<div class="prd-price f5"> {{i.currentprice}} </div>
</li>
</ul>
</div>
Я вижу ниже проблемы.
Когда я красть в левой я мог видеть, моя функция вызывается, но не всегда, работает с перерывами, я не могу найти точное местоположение, когда он на самом деле вызов функции (однако я не хотите, чтобы она работала только для определенного местоположения), потому что это не то, что она работает всегда, когда я сажусь в одну и ту же область, она продолжает меняться.
Вы видите, что я использую ul -> li -> figure и figcaption - когда я пытаюсь прокрутить, прикоснувшись к ли, который является контейнером фигуры и figcaption, я мог видеть, что figcaption, то есть текст выделено или выбрано, и если я коснуюсь sipw на изображении, вместо того, чтобы салфетки, выбирается клон изображения. (это может быть не связано с ngTouch, но не обязательно)
Как исправить эти две проблемы. Пожалуйста помоги.
Я исправил # 2 из приведенного выше, используя свойства css -ms-user-select: none; user-select: none; по-прежнему ищут помощь на # 1, мысль, исправляющая # 2, исправит # 1, но не сделала :( –
Я тоже исправил свою проблему # 1 ... это глупая ошибка, которую я сделал. функция перемещения содержимого в неправильном направлении :) –
Пожалуйста, разместите свое решение в ответе и примите его, чтобы закрыть этот вопрос. – isherwood