2016-05-24 11 views
1

ドラッグ可能なdivをドラッグしながらドラッグできるようにしようとしています。ここでcss位置が指定されたdivであってもz-indexプロパティが機能しない

は私のjqueryのタッチパンチコードです:

$('#draggable').draggable({ 
    zIndex: 99999999999, 
    drag: function(event){...}, 
    helper: 'clone', 
    position: 'absolute', 
    owerflow: 'hidden' 
}) 

Iは、z-indexが位置のみを持つ要素に取り組んでいますので、私は他のdiv要素にposition:relativeを追加したことを知っています。しかし、それは私がドラッグ可能な要素の親divにいるときだけ動作します。私はクラスの多くの巨大なCSSファイルを使用するので、私はそれの適切な部分をコピーできません。

+0

が質問に答えていないが、私は、z-indexがブラウザで符号付き整数32ビットに制限されているので、99999999999が私の上記のポイントに追加するには2147483647 – tic

+1

より多くの大きいかなり確信しています。どうやらZ-インデックスはループしているので、2147483647より大きい数字は使用しないでください:http://stackoverflow.com/a/856569/1898688 – tic

答えて

1

あなたはcssでアニメーションの位置を必要としません。実際にドラッグされた要素をドロップ要素を含む外側の要素に追加するヘル​​パー用のカスタム関数を作成するだけです。

$('#draggable').draggable({ 
    zIndex: 20, 
    drag: function(event){...}, 
    helper: function(){ 
    $("#outerElement").append($("#draggable").clone().attr('id', 'itWorks')) 
    return $("#itWorks"); 
    }, 
}) 
関連する問題