jquery UI 버튼 활성화 방법

Question

jquery UI 대화 상자를 사용하고 있습니다. 대화 상자에서 나는 1 개의 저장 버튼을 가지고 있는데, 사용자가 저장 버튼의 콜백에있는 저장 버튼을 클릭 할 때 나는 그것을 비활성화하고있다. 내 코드 : 사용자가 다시 계속 사용할 저장 버튼을 대화 상자를 열 때 내가 대화 beforeClose 행사에서 버튼을 사용하려는 이유

그렇게 먹으 렴

$("#Form1").dialog({ 
    width: 500, autoOpen: false, modal: true, resizable: false, draggable: false, 
    buttons: { 
     "Save": function (event, ui) { 
      $(event.currentTarget).button({ disabled: true }); 
      ... . 
      .... 
     } 
    } 
    , beforeClose: function() { 
     //here how can i enable the save button 
    } 
}); 

이제 내 문제가된다. 내가 어떻게 할 수 있니?

Answer 1

대화 상자를 호출하는 요소가 상위에 래핑되면 제목 표시 줄, 버튼 등을 추가 할 수 있습니다.

btn_save = $('#Form1').parent().find(':button:contains("save")'); 

//disable the save button 
$(btn_save).prop('disabled', true).addClass('ui-state-disabled'); 

//enable the save button 
$(btn_save).prop('disabled', false).removeClass('ui-state-disabled'); 

추가 된 CSS 클래스 : 모든 버튼 클래스 ui-button

이 당신은 쉽게 활성화하고 다음과 같은 방법으로 버튼을 비활성화 찾을 수 있습니다 당신이

beforeClose:function(){ 
    $(this).parent().find('.ui-button').button({ disabled: false }); 

} 

Answer 2

필요 어떻게해야이 CSS 스타일이 비활성화 된 버튼을 제공합니다. :contains 선택자는 대소 문자를 구분합니다.