問題タブ [angularjs-ng-touch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1392 参照

angularjs - 複数のアイテムに対するAngularJS touchmove

アイテムのリストがあり、それぞれに指を移動すると、たとえば各アイテムの ID を取得したいと考えています。マウスでは機能しますが、タッチでは機能しません。私はこのライブラリを使用しています: https://github.com/nglar/ngTouch

HTML:

JS:

現在の要素にいる場合は正常に動作しており、3 つの動きが検出されます。しかし、たとえば、アイテム1に触れて指をアイテム2に移動しても、それは検出されず、アイテム1のままです。

0 投票する
0 に答える
827 参照

angularjs - Angular JS ng-click が iPad のポートレート モードでのみ応答せず、デスクトップでは正常に動作する

iPadでアプリをテストしようとしていますが、ng-clickがiPadのポートレートモードで機能しないことがわかりました。デスクトップおよび iPad のランドスケープ モードで期待どおりに動作しています。

Androidフォンでも同じ動作が見られます。ランドスケープ モードで動作していますが、ポートレート モードでは動作していません。

これが私の見解です:

私のコントローラー:

angular-touchを使用しており、デスクトップとiPad(ランドスケープモード)をクリックすると、クラスがng-click-activeになります。ただし、ポートレート モードの場合、クラスは ng-click-active になりません。

他のモジュールのタッチは正常に機能しているため、問題はこのモジュールでのみ機能しているようです。

Angular - バージョン - 1.3.8 Angular-touch バージョン - 1.4.3

0 投票する
1 に答える
1444 参照

angularjs - AngularJS ngTouch および ngSwipe が「TypeError: element.on is not a function」というエラーをスローする

angular 1.4.0 と jQuery v1.11.1 を使用しています。

ngTouch/ngSwipe を使用しようとしています。どちらも、アプリの読み込み時 (バインド関数内) に「TypeError: element.on は関数ではありません」というエラーをスローしなくなりません。悲しいことに、plunkr でこのエラーを再現することはできません。

これは私の他のコードではそれほど問題ではないと思いますが、ある種の依存関係が欠けています。誰でもアイデアを得ましたか?

前もって感謝します。

0 投票する
2 に答える
1641 参照

javascript - YouTube iframeを使用したAngular ng-swipe

画像とYouTubeビデオを使用して単純なスライダーを作成しようとしています. タッチデバイスでうまく動作させたいのでng-swipe-*、angularのngTouchモジュールから使いたいです。残念ながら、スワイプは YouTube の iframe では機能しません。を低く設定しようとしましz-index: -10;たが、ビデオを再生できません。

この問題を解決する方法はありますか?

スニペットがあります:

(テストする最良の方法は、Chrome 開発者コンソールで実行し、タッチ デバイスでエミュレートすることです)

0 投票する
0 に答える
349 参照

angularjs - Angular $swipe.bind スクロールの問題

画像でいっぱいのページがあり、すべての画像を ng-click します。問題は、ユーザーがタッチ デバイスでスクロールできないことです。$swipe サービスの bind メソッドを使ってみました。これが私の実装です:

ドキュメントによると、次のことが起こるはずです:

このしきい値を超えると、水平方向または垂直方向のデルタが大きくなります。

  • 水平距離が大きい場合、これはスワイプであり、移動および終了イベントが続きます。
  • 垂直距離が大きい場合、これはスクロールであり、ブラウザーに引き継がせます。キャンセル イベントが送信されます。

何が起こるかというと、キャンセル イベントが送信されますが、スクロールは発生しません。私が見逃しているものはありますか?

0 投票する
1 に答える
221 参照

javascript - ngTouch を使用してタッチ イベントの領域を定義する

私は AngularJs Web アプリに取り組んでおり、ngTouch を使用して左右のスワイプを認識し始めたばかりです。これを使用して、サイドバー メニューを開いたり閉じたりしたいと考えています。現在は機能し、メニューが開いたり閉じたりしますが、スワイプイベントがラッパー全体に関連付けられているため<div ng-style="body_style" id="wrapper" ng-swipe-right="showMenu()" ng-swipe-left="hideMenu()">、アプリ全体がスワイプエリアになります。次のように、アプリの左上の象限の領域だけに設定できるようにしたいと思います。 理想的なタッチエリアは赤

これにより、1 つの領域だけに限定されるのではなく、追加機能のために他のスワイプ領域を設定できるようになります。

div を作成し、定義された幅と高さでそこに配置できることはわかっていますが、div は他の領域のコンテンツをブロックするため、誰かが何かを「クリック」すると、スワイプ領域の非表示の div が実際にクリックされます。 . これを回避する方法が必要であることはわかっていますが、思いつきません。

tldr: その下にある可能性のある他の要素の対話性に影響を与えないスワイプ イベントをキャプチャする領域を設定するにはどうすればよいですか?