問題タブ [jquery-ui-touch-punch]

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 投票する
0 に答える
176 参照

mobile - http://d3js.org/ のようなモバイルでの mousemove 効果

この「スクロール」効果をhttp://d3js.org/からモバイル デバイス (iPad、Android など)に転送するにはどうすればよいですか? デスクトップでは動作しますが、モバイルでは動作しません。

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

jquery-ui - Jquery ソート可能なタッチ機能、つまり 11 Windows 8.1

ie11 を実行している Windows 8.1 デバイスで JQuery Sortable 機能を動作させるのに多くの問題があります。

TouchPunch ライブラリを介して iPad でこれを動作させましたが、使用している新しい Dell タブレットではうまくいきませんでした。

タブレットの Chrome で webapp を実行しましたが、並べ替え機能は非常にスムーズに動作します。Internet Explorer 11で起動して実行する方法を知っている人はいますか?

GitHub でTouch Punchのさまざまなバージョンをダウンロードしてみましたが、ie10 を処理しようとするものもありましたが、ie11 で実際に動作するものは何も見つかりませんでした。デバイスで [Jquery Sortable Demo][2] を実行すると、表の行の左側を保持して右側のポイントでプルダウンするだけでドラッグできますが、これはまったく使用できません。

理想的には、jQuery モバイルにソート可能な関数が含まれているはずですが、含まれていません。

***明確にするために、タブレットで以下の並べ替え可能な例に移動すると:

Jqueryソート可能

次に、並べ替え機能を実際に機能させることができません。

上記のソース コードに、touchpunch ライブラリを追加し、さらに追加しました。

#sortable クラスに。

一部のオンラインによると、これで ie10 と ie11 の問題が修正されるはずですが、私はそれがほとんど違いを生んでいないと見ています。

ありがとう!

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

jquery - Android のデフォルト ブラウザでの JQuery UI のドラッグ可能およびタッチ パンチ

Touch Punch ライブラリ ( http://touchpunch.furf.com/ )で JQuery UI を使用して、ドラッグ アンド ドロップ動作を実装しようとしています。デフォルトのAndroidブラウザーを除いて、AndroidおよびiOSのすべてのブラウザーですべて正常に動作します。touchpunch サイトで提供されている最も単純な例では、すべてが機能しますが、ドロップ可能な領域が多数ある場合 (または他の場合)、デフォルトの Android ブラウザーでのドラッグ アンド ドロップは機能しません (またはひどく機能します)。この状況の例を書きました: http://jsfiddle.net/u6cNS/166/

(jsfiddle の html を参照)

解決策や回避策は大歓迎です。

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

javascript - Jquery タッチ パンチは Chrome と Firefox では機能しますが、IE では機能しません

jquery タッチ パンチ ライブラリを使用して、ユーザーがタッチで画像を移動できるようにしています。これは Chrome と Firefox では正常に機能しますが、IE では機能しません。

IE で画像を長押しすると、小さな四角形が表示され、この四角形の境界内で画像をドラッグすることはできますが、それ以上はできません。これが右クリック機能の始まりだと思います。

私は周りを見回しましたが、ほとんどの人は、ドラッグ可能な div の css に「-ms-touch-action: none」を追加するように言っています。それで、ドラッグ可能なdivのスタイル属性にそれを追加しましたが、何もしませんでした。私はまだIEでドラッグできません。

別の代替案を探しましたが、見つかりません。jquery 1.8.1、jquery ui 1.8.23、およびタッチ パンチ 0.2.2 を含めました。どんな助けでも大歓迎です。

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

jquery - jqueryタッチパンチのサイズ変更は、Chrome以外のすべてのブラウザーで機能します

タッチ パンチを使用して、コントロールのタッチによるドラッグとサイズ変更を有効にしています。ドラッグは、デスクトップ、IOS タブレット、および Android タブレットのすべてのブラウザーで正常に機能します。

ただし、サイズ変更機能は、デスクトップの Safari、IE、および Firefox でのみ機能します。また、IE の Windows タブレットでのみ動作します。デスクトップの Chrome や、他のブラウザのタブレットでは機能しません。

デスクトップおよびタブレット上の Chrome の場合、サイズ変更の機能が起動されますが、指をドラッグしてサイズ変更中のコントロールのサイズを大きくすると、サイズ変更が即座に停止します。

iPad では、サイズ変更を試みるたびに、サイズ変更可能なコントロールの周囲の領域が強調表示されます。

私は周りを見回しましたが、私の問題に対する答えを見つけることができませんでした. コードが必要な場合はお知らせください。投稿します。

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

jquery - Ruby on Rails - jQuery UI タッチ パンチ

jquery-ui sortable() を使用しようとしていますが、この関数はモバイル デバイスとデスクトップ コンピューターの両方で動作する必要があります。

sortable() は、ラップトップでマウス ボタンまたはタッチ スクリーンを使用すると正常に動作しますが、モバイル デバイスでは動作しません。

アプリは Ruby on rails を使用して構築されています。gem を使用して jQuery を追加しましたが、ソース ファイルを app/assets/javascripts にコピーして、「jQuery UI」と「jQuery UI Touch Punch」を追加しました。

application.js には次の行があります。

アプリのソースで、次の行を見つけることができます。

ソースから jquery.ui.touch-punch.min.js (この問題を解決すると思っていた) を削除しても問題ないようです。

どんなアドバイスでも大歓迎です:-)

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

jquery-mobile - Touchpunch 付きの JQMobile アプリが動作しない

ドラッグ可能なウィジェットを持つ Worklight 6.2 アプリ JQueryMobile 1.4 モバイル アプリを動作させようとしています。touchpunch http://touchpunch.furf.com/のjsを含めました。ここには、ドラッグ可能にしようとしているボタンがあります

だれかが Worklight/jqm で touchpunch を動作させようとしたのか、それともドラッグ可能なウィジェットを作成するために別のアプローチを取ったのか疑問に思っていました。ありがとう!

ジェフ

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

jquery - jQuery タップホールド イベントが 2 回発生するのはなぜですか?

モバイル デバイスで jQuery の Sortable ウィジェットを使用しようとしています (jquery-mobile/jquery-touch-punch)。ただし、この設定ではタップホールド イベントが 2 回発生します (非タッチ デバイスでは 1 回だけです)。

フィドル: http://jsfiddle.net/obft7wrg/2/

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

jquery - jquery-ui-touch-punch と .on() が iPad で機能しない

jQuery、jQuery UI、および jquery-ui-touch-punch に大きく依存するカスタム Web ダッシュボードがあります。iPad の動的コンテンツ (js が追加された要素) のクリック イベントを除いて、すべてが機能します。

したがって、これはどこでも機能します

ただし、動的コンテンツのイベントは、このように iPad では機能しません

ダッシュボードはリアルタイムで監視するため、動的要素のイベントは必須です。修正方法に関するアイデアはありますか?

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

javascript - 内部に gmap を含むドラッグ可能な div がモバイル ブラウザーで機能しない

gmap (ウィジェットのように) をドラッグできるように、div をドラッグ可能にしたい。gmap の内容をドラッグしたくありません。

私のJSfiddleでは、コンピューター ブラウザーでは動作しますが、モバイル ブラウザーでは動作しません。それは私の簡単なコードです:

私に何ができる?

タッチイベントに反応するためにjQuery UI Touch Punchを使用しています。