>

모달을 여는 대신 Blogger 추가를 클릭하면 페이지가 홈 페이지로 리디렉션됩니다. 문제를 어떻게 해결할 수 있습니까?


<a href="#" class="btn btn-outline-light btn-sm" data-toggle="modal" data-target="#addblogger">Add Blogger</a>

<div class="modal fade" id="addblogger">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header bg-success text-white">
        <h5 class="modal-title">Add New Blogger</h5>
        <button class="close" data-dismiss="modal">
          <span>&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="modal-footer">
        </div>
      </div>
    </div>
  </div>
</div>

  • 답변 # 1

    a 요소의 href로 모달의 ID를 가져야합니다. 그렇지 않으면 "#"이 리디렉션을 유발합니다.

    <a href="#addblogger" class="btn btn-outline-light btn-sm" data-toggle="modal">
      Add Blogger
    </a>
    
    

    data-target 속성을 사용하여 원하는 방식으로 할 수 있지만 href를 사용하려면 리디렉션을 피하기 위해 javascript : void (0)이 필요합니다. 그래도 이렇게하지 않겠습니다

    <a href="javascript:void(0)" class="btn btn-outline-light btn-sm" data-toggle="modal" data-target="addblogger">
      Add Blogger
    </a>
    
    

    데이터 대상을 사용하고 btn 클래스를 사용하려는 경우 버튼 요소를 사용합니다.

    <button type="button" class="btn btn-outline-light btn-sm" data-toggle="modal" data-target="addblogger">
      Add Blogger
    </button>
    
    

관련 자료

  • 이전 c++ - OpenGL을 배우는 동안 glClear를 찾을 수 없습니다
  • 다음 python - NumPy 어레이의 최소-최대 정규화