我正在使用 AngularJs 为我的客户创建一个触摸屏应用程序。我正在使用 ngTouch,然后是指令 ng-swipe-left 和 ng-swipe-right。我创建了一个函数,当我向左滑动时应该调用它,向右滑动时也应该调用它。
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 容器的 li 进行滑动时,我可以看到 figcaption 即文本被突出显示或选择,如果我在选择图像克隆而不是滑动的图像上触摸 sipw。(这可能与ngTouch无关,但不确定)
我该如何解决这两个问题。请帮忙。