2013-02-02 1 views
1

새로 복제 된 아이템을 draggable로 실행하려고합니다. draggable이 복제되면, 그 안에있는 요소에 Twitter Bootstrap의 popover를 사용하고 싶습니다.jQuery UI draggable이 helper : 'clone'을 사용하여 복제 된 후에 코드를 실행하십시오.

는 다음 드래그 사용하는 동안 내가 이것을 달성 할 수있는 방법 : 항목을 끌고있는

$("#draggables li").draggable({ 
    connectToSortable: "#sortable", 
    helper: "clone", 
    revert: "invalid" 
    }); 

:

$('.pop-me').popover() 
: 내 문서로드에서

<ul id="draggables"> 
    <li> 
    <a href="#" class="btn pop-me" data-content="popover text">click</a> 
    </li> 
</ul> 

<ul id="sortable"> 
</ul> 

을 나는 동안 팝업을 호출

요소를 복제 할 때 팝 오버를 다시 호출해야합니다. 혼자

답변

3

당신이 기대하는 것에 대해 확인해야합니다,하지만 당신은 콜백에서 당신이 원하는 것을

$("#draggables li").draggable({ 
    connectToSortable: "#sortable", 
    revert: "invalid", 
    helper: function(event,ui){ 
     //Call your function here based on ui or event object 
     return $(this).clone(); 
    }, 
    stop: function(event,ui){ 
     //Call your function here based on ui or event object 
    } 
    }); 
+0

멋진 대답을 할 수 있지만 일에 대한 없음 "확실히 확실하지"... :) – itsjeyd