[Javascript] iOSや通常のブラウザと互換性のあるJSライブラリ(ドラッグアンドドロップあり)


Answers

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

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

注:私のiPhone 4でSafariでテストされています。

Question

誰も、ドラッグアンドドロップ機能を持ち、モバイル(iOS)や通常のブラウザと互換性のあるJSフレームワークを知っていますか?

私は現在、Webベースのアプリを持っていて、drag'n'drop機能をiOS上で動作させるのは面倒です...両方のためにそれを行うことができたらと思います...




interact.jsはスタンドアロンで非常に軽量なドラッグアンドドロップ、サイズ変更、マルチタッチのジェスチャーのjavascriptモジュールです。 iOS、Android、Chrome、Firefox、Opera、IE8 + などHTMLやSVG要素とのやりとりをサポートしています 。 事前にメモするべきことは、ドラッグイベントに反応するのは開発者次第ですが、それは良いことだと思います。

ドラッグしてページ全体をパンするには、次のコマンドを実行します。

// make an Interactable of the document body element
interact(document.body)
    // make a draggable of the Interactable
    .draggable({
        // on(drag)move
        // could also have done interact(document.body).draggable(true).ondragmove = function...
        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)';
        }
    })

まだ開発中で、多くの機能が計画されていますが、APIは劇的に変更するのとは異なります。




あなたが探しているものが正確かどうかはわかりませんが、 PhoneGapXUIを試すことができます。




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




  • zepto(最小、iOS 4+、Android 2.2+、webOS 1.4.5+)
  • jquery、jquerymobile、jqtouch
  • プロトタイプ
  • 煎茶、煎茶



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

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

あなたがバグを見つけたら教えてください。コードは全く新しいです!