2011-09-07 5 views
0

모든 요소의 클래스 이름 &을 얻으려면 어떤 기능이든 ui & event이 필요합니다. 명확한 이해를 위해 아래를 참조하십시오.ui 및 이벤트에서 class/id를 가져 오는 방법

<div class"drag-class" id="drag1"> </div> 
<div class"drag-class" id="drag2"> </div> 
     <div class"drop-class" id="drop1"> </div> 
     <div class"drop-class" id="drop2"> </div> 

JS :

$(function(){ 
    $('.drag-class').draggable(); 

    $('.drop-class').droppable(function(){ 

       accept: '.drag-class'. 
       drop: function(ui,event){ 
       /*here i want to know the id of drag-class & drop-class element element*/ 
        }    
      }); 

     });' 
+3

디버깅을 시도 했습니까? 가장 좋은 방법은'this'가 드래그하는 요소를 가리키는 것입니다. 중단 점을 설정하고 로컬 변수를보십시오. – TJHeuvel

+2

여기서 aswer를 찾을 수 있습니다 : http://stackoverflow.com/questions/197489/jquery-drag-and-drop-how-to-get-at-element-being-dragged – Samich

+0

@TJHeuve : 예,'this' 요소를 떨어 뜨리지만 또한 동일한 기능()에서 요소를 드래그 찾을 싶어요. –

답변

2

- 콜백에서

는 $ (이) 드래그가 가 떨어졌다 낙하 할 것입니다 나타냅니다. ui.draggable은 드래그 가능을 나타냅니다.

+0

thanks ipr101,'this'는 drappable Id &'ui.draggable'을 draggable id로 표현한 다음'ui.draggable'에서 어떻게 id를 가져올 수 있습니까? 예 : 나는'ui.draggable.Id','$ (ui.draggable) .id' 등을 시도했지만 아무 것도 해결되지 않았습니다. 너는 어떤 생각이있어. 심지어'ui.draggable'은'[object Object]'를 반환합니다 –

+1

문서는 ui.draggable을 "ui.draggable - 현재 드래그 가능한 요소, jQuery 객체"로 정의하므로'ui.draggable.attr ("id")' – ipr101

+0

ok ... 괜찮습니다. 많은 감사 –

0

this.idthis.className은 당신이 찾고있는 무엇을 포함해야합니다. docs에서

+1

jQuery를 사용하기 때문에 $ (this) .attr ('id')와 $ (this) .attr ('class')를 사용하지 않는 이유는 무엇입니까? –

+0

다른 사람에게'$ (this) '가 필요한지에 달려 있습니다. 그렇지 않으면 왜 이걸 감쌀까요? 이 경우, 그는 랩핑하지 않고 동일한 것을 액세스 할 수 있으므로이를 수행 할 필요가 없습니다. –

+0

@Py :'this'는 그 일을 할 수 있지만 draggable & droppable id를 모두 얻고 싶을 때 하나의 요소 id/class를 드러내는 것을 알고 있습니다. –

관련 문제