我已经实现了一些功能,可以在我的网页上左右滑动。
我已经使用Angular 2触摸事件来调用它们,在div
内,如下所示:
<div (touchstart)="touchStart($event);" (touchend)="touchEnd($event);" (touchmove)="touchMove($event);" (touchcancel)="touchCancel($event);">
<div class="mnd">
<ul>
<a (click)="minusMnd()"> <li class="forrige"> ❮ </li> </a>
<a (click)="plussMnd()"> <li class="neste"> ❯ </li> </a>
<li>{{maanedNavn[maaned-1]}}<br>
<span style="font-size:18px">{{aaret}}</span>
</li>
</ul>
</div>
<div class="kalender">
<table *ngIf="datoer">
<tr>
<th>Man</th>
<th>Tir</th>
<th>Ons</th>
<th>Tor</th>
<th>Fre</th>
<th>Lør</th>
<th>Søn</th>
</tr>
<tr>
<td *ngFor="let cell of ukeEn()">
{{cell.text}}
<div *ngIf="datoerContains(cell) != null">
<div class="circle" *ngFor="let circle of datoerContains(cell)"></div>
<div class="details" *ngFor="let circle of datoerContains(cell)">
{{circle.skole}} <br>
{{circle.kommentar}} <br>
SFO: {{circle.sfodag}}
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
滑动功能正常运行,除非我在td
上滑动。而且我不知道为什么它在div
中的其他地方工作 - 刷卡th
也在工作。
为什么它不适用于td
的任何想法?是因为它们里面有div
吗?
我试图将事件放在td
内但没有结果。