2012-10-16 2 views
1

데이터 테이블 플러그인을 사용하여 그리드를 만들고 있습니다. 난 ... 아래 링크에서 주어진 기능을 편집하려고 데이터 테이블의 Draggable 함수

http://datatables.net/release-datatables/extras/ColVis/style.html

우리가 추가/열 열 대화 상자를 제거합니다 (검색 창 아래) 오른쪽에 주어진 버튼을 클릭

, 나는 그것을 draggable하게 할 수 없다. js 파일의 모든 버튼을 div로 대체했으며 js 파일에 draggable 함수를 추가했지만 작동하지 않습니다.

누군가가 왜 작동하지 않거나 내가 잘못된 것을하고 있는지 말할 수 있습니까?

답변

0

무엇을 시도 했습니까?

var script = document.createElement('script'); 
script.type = 'text/javascript'; 
script.src = 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js'; 
script.id = 'jquery-ui'; 
$('head')[0].appendChild(script); 

다음 : 예상대로

$('.ui-buttonset').draggable(); 

그런 다음 내가 요소를 드래그 할 수 있습니다 내가 해당 페이지에 콘솔을 열면, JQuery와 UI 스크립트를 추가합니다.

+0

나는 모든 버튼을 div로 바꾸어서 js 파일을 커스터마이징했다. 전체 대화 상자를 드래그 할 수 있기를 원한다. 나는 그것에게 팝업의 모양과 느낌을주고 싶다. – user1711574

+0

@ user1711574 내가 준 것까지 시도 했니? 라이브 사이트에서 사용해보십시오. 모든 내용을 콘솔에 붙여넣고 실행/실행을 클릭하십시오. 전체 팝업 창이 드래그 할 수 있습니다. – Ohgodwhy