두 번째 클릭시 부트 스트랩 모달이로드되지 않음

아약스 호출, 아약스 및 PHP 코드로 모달에 대한 알림을 표시하고 있습니다. 처음에는 모달에서만 알림이 표시되고 앵커에서 두 번째 클릭시 알림은 표시되지 않습니다. "modal-dialogue" div 및 "modal-content" 하지만 "modal fade modal-form in" div가로드됩니다. 디버깅 할 때 위의 두 div에 모두 표시되지 않은 것을 보았습니다. 자바 스크립트로 처리 할 수 있다는 것을 알고 있지만 해결책이 아닌 것 같습니다.두 번째 클릭시 부트 스트랩 모달이로드되지 않음

내가 거기에 실종 무엇,

<a class="flag-list" href="#" data-toggle="modal" data-target="#user-flag"> 
    <i class="icon-flag6"></i>' . esc_html__('Flag as inappropriate') . 
</a> 
<div class="modal fade modal-form" id="user-flag" tabindex="-1" role="dialog"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
      <span aria-hidden="true">&times;</span> 
     </button> 
     <h3 class="modal-title" id="flagModalLabel"> 
      <?php echo esc_html__('Flag'); ?> 
     </h3> 
     </div> 
     <div class="modal-body"> 
     <form id="cs_flag_user"> 
      <input type="hidden" name="name_one"> 
      <input type="hidden" name="name_two"> 
      <textarea></textarea> 
     </form> 
     </div> 
    </div> 
    </div> 
</div>

출처

2017-10-18 mohsin

처음으로 양식을 열었을 때 모달 내부에 양식이 있거나 양식을 제출했거나 모달 내부에서 어떤 작업을 수행하고 있습니까? – msoliman

표시하고 조동사를 숨길

및 사용 jQuery를 데이터 대상 = "# 사용자 플래그를" "모달"= 데이터 토글을 피하는 시도 안내하시기 바랍니다 .

알림이 아약스를 통해로드 된 경우 해당 아약스 성공에 모달을 표시합니다.

출처

2017-10-18 05:22:11

서버 측, 페이지의 코드 또는 변경된 양식 제출에 문제가있는 것 같습니다. 콘솔을 열어 정확한 문제를 쉽게 파악할 수 있습니다.

코드에 대한 전체 데모는 입니다. 방금 php 코드를 간단한 텍스트로 바꿨습니다. 더 많은 도움이 필요할 경우를 대비하여 의견을 남기고 확인하십시오.

모달 창으로 쉽게 작업해야하는 경우 이미 bootstrap4를 기반으로하는 모달 창 래퍼 플러그인을 작성하고 열었습니다. demos and how to use here도 있습니다.

출처

2017-10-18 05:45:27 msoliman

두 번째 클릭시 부트 스트랩 모달이로드되지 않음

답변

관련 문제