사용 해제 JQuery 끌기 가능

Question

관리자 사용자가 인쇄 양식의 레이아웃 변경을 변경하는 인쇄 양식 작업 중 작업용 JQuery Dragable을 선택하고 작업을 정상적으로 수행 할 수 있지만 그 중 하나는 문제입니다. 사용 드래그 가능한 HTML의 첫 번째 요소 비활성화 Dragable이 비활성화 된 경우 스타일 비활성화 다른 요소는 원본 모양 그대로 유지 IE 8을 사용하고 있습니다. Fierfox와 Chrome에서 코드를 실행했는데 결과적으로 모든 Element가 스타일을 사용하지 않도록 스타일을 변경했습니다. 내가 대신 그냥 클래스 그 같은 <div> 요소를 준 경우, ID를 사용하는, class="draggable"처럼 짧은이 많이 할 수 있습니다 원래 Stayl

function EnableDragAndDrop(cBox) { 
    $("#divDoB").draggable({ disabled: cBox.checked }); 
    $("#divNationalNo").draggable({ disabled: cBox.checked }); 
    $("#divSex").draggable({ disabled: cBox.checked }); 
    $("#divPlaceOfBirth").draggable({ disabled: cBox.checked }); 
    $("#divIssueDate").draggable({ disabled: cBox.checked }); 
    $("#divMotherName").draggable({ disabled: cBox.checked }); 
    $("#divExpDate").draggable({ disabled: cBox.checked }); 
    $("#divAuthority").draggable({ disabled: cBox.checked }); 
    $("#divPassportHolderName").draggable({ disabled: cBox.checked }); 

} 

Answer 1

을 유지하기 위해 Elemnet 필요 같은 :

function EnableDragAndDrop(cBox) { 
    $(".draggable").draggable(cBox.checked ? "disable" : "enable"); 
} 
$(function() { 
    $(".draggable").draggable({ containment: '#divDragArea', scroll: false }); 
}); 

대신 {disable: boolean} 당신은 단지 "enable" 또는 0123를 호출해야메서드를 사용하면 확인란이 선택되어 있는지 여부에 따라 다릅니다. 사이드 참고로, 당신은 당신이 "(각 문 : 당신이 $를 호출 할 때 솔루션 을 발견 모든 에 대한

Answer 2

감사 하나 필요하지 않습니다, 하나의 $(function() { }); 래퍼 내에서 원하는만큼 배치 할 수 있습니다 #divDoB "). draggable ({disabled : true}); JQuery는 불투명도를 .35 으로 설정하고 항목을 비활성화 모드 에서 보게하여 동일한 모양을 유지하고 활성화 및 비활성화되도록 CSS 클래스를 삽입합니다. 요소 불투명도를 1로 설정했습니다.
감사합니다.