web-dev-qa-db-ja.com

iOSおよび通常のブラウザと互換性のあるJSライブラリ（ドラッグアンドドロップ付き）

ドラッグアンドドロップ機能を備え、モバイル（iOS）および通常のブラウザーと互換性のあるJSフレームワークを知っている人はいますか？

私は現在ウェブベースのアプリを持っていますが、そのドラッグアンドドロップ機能をiOSで機能させるのは面倒です...両方でそれを行うものがあればいいのにと思います...

javascriptjqueryiosmobiledrag-and-drop
57
santa

JQueryに組み込まれている2つは次のとおりです。

http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html

http://code.google.com/p/jquery-ui-for-ipad-and-iphone/

Jqueryモバイルフレームワーク（ドラッグアンドドロップが自然にない）もあります： http://jquerymobile.com/

28
Brombomb

私は Sencha Touch の大ファンです。

ドラッグアンドドロップのデモがあります- http://dev.sencha.com/deploy/touch/examples/dragdrop/ 。

注：SafariのiPhone4でテストしました。

14
James Hill

JQuery Mobile さまざまなものをサポートしようとしています プラットフォーム

そしてここに ドラッグアンドドロップ の特定のプラグインがあります

10
Nicolas Modrzyk

道場をお試しください。それはかなりうまく機能し、比較的成熟したツールキットです。 http://dojotoolkit.org/

8
hbhakhra

チェックアウト SproutCore 。これは、以前のAppleエンジニアによって作成され、MobileMeおよびiCloudWebアプリのAppleによって使用されます。 SC.Drag これは、マウスイベントとタッチイベントの両方で機能します。

6
Filip Radelic

interact.js は、スタンドアロンで軽量のドラッグアンドドロップ、サイズ変更、マルチタッチジェスチャjavascriptモジュールです。 iOS、Android、Chrome、Firefox、OperaおよびIE9 +で動作し、HTMLおよびSVG要素との対話をサポートします。事前に注意する必要があるのは、ドラッグイベントに応答するのは開発者の責任です。でもそれはいいことだと思います。

ドラッグしてページ全体をパンできるようにするには、次のコマンドを使用できます。

// make an Interactable of the document body element
interact(document.body)
// make a draggable of the Interactable
  .draggable({
    // on(drag)move
    onmove: function (event) {
      x += event.dx;
      y += event.dy;

      // translate the document body by the change in pointer position
      document.body.style.translate = 'translate(' + x + 'px, ' + y + 'px)';
    }
  })
4
taye

http://www.kendoui.c​​om/ これは機能するはずです。まだベータ版ですが、そうしていません。

3
Tudor
  • zepto（最小、iOS 4以降、Android 2.2以降、webOS 1.4.5以降）
  • jquery、jquerymobile、jqtouch
  • プロトタイプ
  • 煎茶、煎茶
2
Nick Nizovtsev

ドラッグアンドドロップ用のjqueryUIと、タッチイベントをマウスイベントアナログにマップする追加のライブラリを使用できます。これで問題が解決するはずです。

https://github.com/yeco/jquery-ui-touch-punch

タッチイベントを追加するには、jquery.uiスクリプトの後にjquery.ui.touch-punch.min.jsスクリプトを含めるだけです。

デモ：

http://furf.com/exp/touch-punch/

2
defau1t

IOS用のWebアプリを構築している場合は、jquerymobileを試す必要があります。

0
Adilson de Almeida Jr

これはまだアルファ版です： http://prettydiff.com/jsgui

ブラウザを閉じたり更新したりした後も持続し、最新のブラウザで動作します。さらに、それはフレームワークではありません。これは他のフレームワークなしで使用でき、必要に応じてカスタマイズできます。

0
austincheney

こんにちは、私はこのjqueryプラグインを使用しています： https://github.com/LuvDaSun/jdrag

それはいくつかのドラッグイベントを提供します

バグを見つけたら教えてください、コードはまったく新しいです！

0
Elmer

正確に探しているものかどうかはわかりませんが、 PhoneGap または [〜＃〜] xui [〜＃〜] を試すことができます。

0
NT3RP