TinyMCE 이미지에 jQuery .draggable()을 추가하십시오.

Question

저는 Ajax 이미지 플러그인을 만들고 TinyMCE 편집기에 비디오를 삽입합니다. 이것은 훌륭하게 작동하지만 편집기 내부의 ajax-ed 이미지에 .draggable() j Query 이벤트를 첨부하는 방법을 찾을 수 없습니다. 내가 시도

는 :

마우스 다운 이벤트를 바인딩하고 $(".dr").draggagle(); 설정 (I는 클래스 박사와 사업부에 몇 군데 포장). 클래스에 직접 적용.

는 내가 가진 가장 가까운는 TinyMCE에 초기화 코드에 다음 코드이었다

ed.onClick.add(function(ed, e) { 
     alert('Editor was clicked: ' + e.target.nodeName); 
}); 

그러나 나는 내 인생의 e.target\e.target.nodeName에 draggable()을 applay 수 없습니다.

아이디어가 있으십니까?

Answer 1

tinymce가 편집자 소스 html 요소 (예 : 텍스트 영역)와 같지 않기 때문에 $(".dr").draggable();은 원하는 요소를 처리하지 않습니다. 원하는 결과를 얻으려면 $(ed.getBody()).find(".dr").draggable();을 사용해야합니다.

마크 :이 정보가 내 시스템에 잘 들어 맞는지 알려주세요.

업데이트 : 주석이 초기화 된 후에 드래그 가능한지 확인하십시오. 그렇지 않으면 작동하지 않습니다.

Answer 2

이미지 주위에 div를 감싸고 너비와 높이를 지정하십시오. 그런 다음 라이브 함수 내에서 jquery draggable 함수를 적용하십시오.

$('#mydiv').live(function(){$(this).draggable()});