2016-07-02 20 views
0

いくつかのアイコンをドラッグするためにjQuery UIを使用しています。私はドラッグ可能な関数を使って成功しました。ドラッグされた要素の相対位置を変更します。

今、私の指でアイコンをドラッグすると(電話で)アイコンがドラッグされているのを見たいと思ったので、幅を広げることに決めました(大きな指があるので)。

しかし、私はアイコンをドラッグすると、この問題が発生:情報についても

illustrated problem

を、ここでイベントをドラッグするための私のコードです:

$("#icon").draggable({ 
    helper: 'clone', 
    start: function(event, ui) { 
    $(ui.helper).css('width', "150%"); 
    }, 
    stop: function(event, ui) { 
    $(ui.helper).css('width', "100%"); 
    } 
}); 
+0

あなたが理解しておくことが必要な場合は、私に教えてください^^ – DionysoSong

答えて

0

ドラッグ可能にcursorAtオプションがあります。

ドラッグヘルパーのオフセットをmカーソルを使用しない。座標は、1つまたは2つのキーの組み合わせ({ top, left, right, bottom })を使用してハッシュとして与えることができます。 jQueryのUIはデフォルトでタッチイベントをサポートしていません

$(".selector").draggable({ 
    cursorAt: { left: 5 } 
}); 

:あなたは次のように使用することができます

。私はあなたがjQuery UI Touch Punchでそれを使用していると信じています。それがうまくいくことを望みます。

+0

まあ、私はタッチイベントのJQuery UIに適応するコードを追加しました。私はあなたのソリューションをすぐにテストしようとしています。ありがとう:) – DionysoSong

+0

@guillaumekotarbaあなたがhttp://touchpunch.furf.com/をチェックしていない場合には –

+0

私はそれを見てみましょう:) – DionysoSong

関連する問題