어떻게 드래그 페이지에서 현재 사용 가능한 요소를 만들 것입니다 아래의 API를 읽고있다 JQuery와

Question

사용하여 미래의 요소를 드래그 할 수 있도록합니다.

$(".draggable").draggable({ containment: "parent" }); 

그러나 제 경우에는 사용자 동작에 따라 새로운 요소를 구성 할 것입니다. 마찬가지로 그들도 draggable해야 이미지 위에 텍스트 상자를 삽입 할 수있게됩니다.

나는 "CSTE 연구진()"를 사용하여 jQuery를 사용하여이 드래그 기능을 첨부 할 수있는 메커니즘이 있습니까?

또는

나는 새 요소를 만들 때 $("this").draggable({ containment: "parent" }); 때마다 실행해야?

Answer 1

를 읽기위한

덕분에 내가 "CSTE 연구진()"를 사용하여 jQuery를 사용하여이 드래그 기능을 첨부 할 수있는 메커니즘이 있습니까?

없음 없습니다 (물론, 기술적으로 예), 당신은 당신이 그것을 만들거나 후 각 요소 드래그 할 수 있도록해야합니다 그것이

$(document).on("mouseenter", ".draggable:not(.initiated)", function() { 
    $(this).draggable({ containment: "parent" }).addClass("initiated"); 
}); 

(예 : mouseenter로) 만든 후 발생하는 몇 가지 이벤트 이후

시작된 클래스를 통해 마우스를 때마다 드래그를 재 - 초기화 방지 할 수 있습니다. mousenter합니다 (DOM의 모든 요소에 마우스가있을 언제든지 일어날 것) 문서에 자주 발생합니다 이벤트이기 때문에

참고, 당신은 문서보다 더 나은 조상을 사용해야합니다.