Ionic framework ionic应用程序:控制台错误已忽略尝试取消touchstart事件
当用户滚动一个Ionic framework ionic应用程序:控制台错误已忽略尝试取消touchstart事件,ionic-framework,Ionic Framework,当用户滚动一个collection repeat长列表时,我在我的ionic应用程序中遇到了这个错误 ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 知道这是什么吗 模板: <div class="scrollContainer"> <io
collection repeat
长列表时,我在我的ionic应用程序中遇到了这个错误
ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
知道这是什么吗
模板:
<div class="scrollContainer">
<ion-scroll zooming="false" direction="y" overflow-scroll="false">
<div class="loadingboards" ng-if="!transitionFinished">
<ion-spinner class="spinner spinner-ios">
</ion-spinner>
<br/>
Loading boards list...
</div>
<div id="boardselection" ng-if="transitionFinished">
<ion-item collection-repeat="item in prodataSelect | orderBy:data.sort | filter: data.selectBrand.brand:true | filter: data.selectName.name | unique:'modelStrict'" item-width="96%" item-height="'18%'">
<a class="optionfuninit item-content" data-proid="{{item.id}}" ng-click="whatToDo(item.id,$event);" ng-class="item.fun == '0' ? 'aNormal' :( item.fun == '1' ? 'aSmallWave' : (item.fun == '2' ? 'aStepUp' : ''))">
<img class="imageoptionsbrand" ng-src="{{ imagesUrls[(item.brand | lowercase | nospace)+'.png'] }}" />
<div class="listviewTrophy" ng-if="isWinning(item.id)">
<i class="icon ion-trophy"></i>
<div class="winningboardtext" translate="computepage.30">Winning Board</div>
</div>
<i class="icon ion-female" ng-show="item.gender == 'female'"></i>
<div class="listviewtexts" ng-class="item.fun == '0' ? 'aNormal' :( item.fun == '1' ? 'aSmallWave' : (item.fun == '2' ? 'aStepUp' : ''))">
<span class="listviewtextsmodel">{{item.modelStrict}}</span>
</div>
<div class="imagebox rotate90rightCenter">
<img class="imageoptionsmodel " ng-src="{{imagesUrls[item.imageName]}}" />
</div>
</a>
</ion-item>
</div>
</ion-scroll>
</div>
加载板列表。。。
优胜局
{{item.modelStrict}}
谢谢我在vendor.js文件中对这些行进行了注释
ToggleGesture.prototype.onDragStart = function (ev) {
/*ev.preventDefault();*/
this.toggle._onDragStart(Object(__WEBPACK_IMPORTED_MODULE_2__util_dom__["f" /* pointerCoord */])(ev).x);
};
ToggleGesture.prototype.onDragMove = function (ev) {
/*ev.preventDefault();*/
this.toggle._onDragMove(Object(__WEBPACK_IMPORTED_MODULE_2__util_dom__["f" /* pointerCoord */])(ev).x);
};
ToggleGesture.prototype.onDragEnd = function (ev) {
/*ev.preventDefault();*/
this.toggle._onDragEnd(Object(__WEBPACK_IMPORTED_MODULE_2__util_dom__["f" /* pointerCoord */])(ev).x);
};
只需转到ion datetime 3-ios.entry.js并注释第1383行:
detail.event.preventDefault();
您将消除该错误:
[干预]忽略了取消可取消=false的touchstart事件的尝试,例如,因为滚动正在进行且无法中断
你看了吗?是的,但似乎不是同一个问题。然后你可以分享一些代码,否则你永远不会得到答案。我被困在同一个地方。有人知道解决方案吗?你解决了这个问题吗?欢迎!一般来说,如果答案中包含对代码意图的解释,以及为什么在不引入其他代码的情况下解决问题,那么答案会更有帮助。