모달창이 제대로 안 열립니다.

Question

모달창을 띄어서 데이터를 입력하여 저장하고, 저장된 데이터가 리스트에 출력되고, 리스트에 '수정', '삭제' 버튼이 있어서 수정과 삭제가 가능한 페이지를 만들고 있습니다.저장과 삭제는 문제없이 기능하는데 수정 버튼을 누르면 모달창이 좀 이상합니다. 화면이 어둡게 변하는 것을 봐서는 모달창이 열렸는데, 높이와 내용이 없어서 인지 창이 보이지가 않습니다.간략히 설명하면 구조는 뷰에서 수정 버튼을 누르면 컨트롤러의 수정버튼 메서드로 이동하여 뷰 디렉토리에 있는 모달 페이지를 로드하여 모달창을 띄우는 구조 입니다. 저장 버튼과 같은 식입니다. 뷰

스크립트 $("body").on('click', '#modal_insertBtn', function(e) { $('#loadModal_insert').load('/openModal_insert'); }); $("body").on('click', '.modal_editBtn', function(e) { $('#loadModal_edit').load('/openModal_edit?contentIdx='+$(this).attr("data-idx")); }); 컨트롤러public function openModal_insert(){ $data['controler'] = $this->controler; $data['telecomKinds'] = $this->telecomKinds; parent::loadModalView($this -> _modal, $data); } public function openModal_edit(){ $contentIdx = $this->input->get("contentIdx"); print_r($expression); $sqlData['arrWhere'] = ['IPCD_idx' =>$contentIdx]; $data = $this->InstallmentPenaltyCheck_model->getDb_InstallmentPenaltyCheck_once($sqlData); $data['controler'] = $this->controler; $data['telecomKinds'] = $this->telecomKinds; parent::loadModalView2($this -> _modal_edit, $data); }

송서리 · Answer

modal_editBtn라는 class를 가진 element가 없지 않나요?

메소드800 · Answer

송서리 추가 버튼과 마찬가지로 btn-default로 지정을 했는데 문제가 없지 않나요. 부트스트랩에서 처리가 되는 것 같은데...아닌가요? 이해가 잘 안됩니다.

송서리 · Answer

앗, 버튼 html코드가 아니였네요.처음 페이지에 와서 입력버튼을 클릭하기 전에 수정버튼을 클릭해도 같은 현상인가요?

메소드800 · Answer

송서리네, 그렇습니다. 그리고 수정버튼을 출력되는 리스트에 나오기 때문에 버튼의 순서는 상관없습니다. '입력버튼'출력 부분{ 게시글 텍스트1 텍스트1 텍스트1 '수정 버튼' '삭제 버튼' }이런 모습의 페이지입니다. 게시글이 없으면 '수정 버튼' '삭제 버튼'은 나오지 않습니다.

모달창이 제대로 안 열립니다.

4개의 답변

Q&A 목록