Question

Ruby on Rails 응용 프로그램에서 jQuery 모달 대화 상자를 사용하고 있습니다. 여기 내 코드 :

 var html = ''; 
     html += '<div id="dialog-form">'; 
     html += 'This is a test.'; 
     html += '<button id="form-close" class="close-button" type="button" onclick="$(\'#dialog-form\').dialog(\'close\');">Close</button>'; 
     html += '</div>'; 

     var dialog_form = $(html).dialog({ 
      autoOpen: false, 
      width: 600, 
      height: 640, 
      modal: true, 
      open: function() { 
       $(".ui-dialog-titlebar").hide(); 
      }, 
      close: function(event, ui) { 
       $('#dialog-form').remove(); 
      } 
     }); 
     dialog_form.dialog('open'); 

나는 다른 응용 프로그램에서 같은 코드를 사용하고 완벽하게 작동합니다.

현재 응용 프로그램에서 모달 대화 상자를 렌더링하는 대신이 스크립트는 투명한 대화 상자 창을 렌더링합니다. 텍스트와 버튼이 올바르게 렌더링됩니다. 그러나 대화는 모달이 아니라 투명합니다.

jquery.js와 jquery-ui.js가 포함되었는지 확인했습니다.

내가하는 일에 무엇이 잘못되었는지 알 수 없습니다. 도와주세요.

감사합니다.

Answer 1

jquery css, js 파일에 대한 참조를 추가하십시오. 또한 대화 상자의 클래스 이름이 올바른지 확인하십시오. 주 div에 div를 더 추가해야합니다 (정확한 코드는 jqueryui.com의 jquery 코드 색인 페이지에 있음)