jQuery UI에서 이동 된 포틀릿의 ID를 얻으십시오.

jQuery UI sortable portlets을 사용하여 모든 포틀릿에 데이터 ID를 지정하고 있습니다. 다음과 같이 하나 개의 포틀릿 요소에 대한 HTML 구조를 볼 수 있습니다jQuery UI에서 이동 된 포틀릿의 ID를 얻으십시오.

이제

<div class="portlet" data-id= "6"> 
     <div class="portlet-header"><h6>Heading</h6></div> 
     <div class="portlet-content">First Person</div> 
     <div class="portlet-content">10</div> 
     </div>

위의 링크에서와 같이 데모와 마찬가지로, 나는 세 개의 열이 있습니다. 모든 컬럼에 나는 하나의 id, 2, 3

<div class="column" id="1">

포틀릿 구조가이 div의 내부에 존재를 주었다.

이

$(".column").sortable({ 
    connectWith: ".column", 
    handle: 'h6', 
    receive: function(event, ui) { 
     console.log(this); 
    }

내가 얻고 싶은 유일한이며, 다음과 같이

은 포틀릿이 다른 한 컬럼에서 이동 지금 때, 난 쉽게하는이 배치되었습니다하는 열의 id를 얻을 수 있습니다 이동 된 포틀릿의 data-id.

어떻게받을 수 있습니까? jsFiddle은 here입니다.

console.log(ui.item.data("id"));

당신은 업데이트 된 바이올린 here을 발견 할 것이다 : 당신이 쓸 수 있도록 이동 한

출처

2012-06-30 user993563

요소는 receive 핸들러에 전달되는 ui 인수의 item 속성을 사용할 수 있습니다.

출처

2012-06-30 11:34:10

감사합니다. jquery에 익숙하지 않았습니다.이 매개 변수 외에 다른 매개 변수 (* ui *, * event *)를 콘솔에 기록하는 교훈을 얻었습니다. 더 나은 통찰력을 제공합니다. – user993563

jQuery UI에서 이동 된 포틀릿의 ID를 얻으십시오.

답변

관련 문제