2016-04-07 15 views
1

要素をドラッグするためにdragsortプラグインを使用していますが、プラグインを使用しているときにドラッグするドラッグ領域を選択できません。jQuery上のテキスト選択を許可する方法DragSort要素

ドラッグクラスを持つspanの要素をp要素にドラッグするリスト領域を選択しました。

var newitem ='<p >'+'<span class="drag">DRAG|</span> '+ userList +'</p>'; 
$('#list').append(newitem); 

$("#list").dragsort({ dragSelector: ".drag",}); 

私はソースプラグインを見て、Z-indexが。あなたもhereから見てソースコードを取ることができますscreenshot 999.Tookであることがわかりました。私は私のCSSの私の要素のために使用したが、それは動作しませんでした。

解決策は何ですか。

JSFIDDLE

+0

'z-index:1000!important; 'のように'!important'を追加しようとしました – aldanux

+0

既に試してみましたが、@aldanuxは動作していません – Norx

+0

あなたは要素に位置を与えましたか? z-indexは1つも無ければ動作しません – Shniper

答えて

3

問題は、要素のz-index値ではありません。

このプラグインを使用してテキストを選択できるようにするには、ブラウザ上のテキスト選択の基本動作に影響するソースコード(t.preventDefault();)内のe.preventDefault();を削除する必要があります。 fiddle here

+0

私はそれを知っていますが、私たちはそれを位置を与えることなく動作させることができますか? – Norx

+0

残念ながら、それは不可能です。あなたの要素に 'position'プロパティを与えることができない場合、おそらくあなたはそれを父親に与えることができますか? 'position:relative'は通常あなたのレイアウトに軽い影響を与えます。 –

+0

さて、私はしようとします.... – Norx

関連する問題