JQuery UI : 드래그 가능한 요소가 투명합니다. 그것을 만드는 방법?

JQuery UI 1.10.3을 사용하여 드래그 할 수있는 요소 목록을 작성하고 있습니다.JQuery UI : 드래그 가능한 요소가 투명합니다. 그것을 만드는 방법?

다른 요소 위로 요소를 끌면 드래그 한 요소의 흰색 영역이 투명하고 그 아래 요소를 볼 수 있습니다.

투명하지 않게 만드는 방법은 무엇입니까?

여기 jsfiddle입니다 : http://jsfiddle.net/mddc/UW5E2/4/

<ul> 
    <li id="draggable">Drag me down</li> 
</ul> 

<ul id="sortable"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
    <li>Item 5</li> 
</ul> 

$(function() { 
    $("#sortable").sortable({ 
     revert: true 
    }); 
    $("#draggable").draggable({ 
     connectToSortable: "#sortable", 
     helper: "clone", 
     revert: "invalid" 
    }); 
    $("ul, li").disableSelection(); 
    }); 

    ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; } 
    li { margin: 5px; padding: 15px; width: 150px; border: 1px solid #000}

감사합니다!

출처

2014-03-31 curious1

jsfiddle에서 샘플 데모를 제공 할 수 있습니까? –

요청하신대로 업데이트하십시오. 한 항목을 다른 항목으로 이동하면 아래 항목을 볼 수 있습니다. 감사! – curious1

드래그 가능한 요소에 z-index 값 (CSS)을 position 속성에 'relative'으로 지정하십시오.

z-index: 9999; 
position: relative;

희망.

출처

2014-03-31 06:22:55

@ curious1 : 그것은 당신에게 효과가 있습니까? –

Rajesh, 도와 줘서 고마워. soooooooooooooooooooooo. 나는 그것을 시도했다. 드래그 할 때 드래그 된 객체에 첨부 된 CSS 클래스를 만들었습니다. 드래그 할 때 드래그 된 객체가 CSS 클래스에서 색상 테두리를 만들었고 그 테두리 색상을 보았습니다. 그러나 나는 아직도 끌린 물건을 통해 본다. 그러나 드래그 된 객체에 배경을 지정하면 드래그 된 객체가 완전히 불투명 해집니다. – curious1

나는 draggable에 CSS 클래스를 첨부하여 내 문제를 해결했으며이 CSS 클래스는 배경색이 #fefefe (흰색 종류)임을 나타냅니다. 내가 가진 문제는 draggale의 공백 영역이 투명하다는 것입니다.

내가 한 일은 올바른 해결책이라고 생각하지 않지만 지금까지는 효과가 있습니다. 여전히 더 나은 해결책을보고 싶어합니다.

출처

2014-04-01 19:32:13 curious1

JQuery UI : 드래그 가능한 요소가 투명합니다. 그것을 만드는 방법?

답변

관련 문제