흑곰티
30
2018-05-18 00:48:16
3
232

modal창이 .. 띄우는순간 꺼져요 ...


학점은행제로 컴퓨터 공학 학사학위 진행중인 학생입니다. 혼자서 자바스크립트 , c언어 , php , java , mysql 등 기초는 다 떼어서 이제 막 걸음마 시작한단계입니다. 

동영상을보며 홈페이지를 제작 하는 도중 문제가 생길때 마다 w3school 에서 찾아서 해결했었는데 .. modal 창이 떳다가 바로 꺼지는 경우에 대한 설명을올린글이 없어 이렇게 직접 코드 첨부합니다.


<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="EUC-KR"%>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<meta name = "viewport" content = "width=device-width,initial-scale=1, shrink-to-fi.

0-----t=no">

<title>강의평가 웹사이트</title>

<!-- 부트스트랩 CSS 추가하기 -->

<link rel="stylesheet"href = "./css/bootstrap.min.css">

<!-- 커스텀 CSS 추가하기 -->

<link rel="stylesheet"href = "./css/custom.css">

<meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>



<body>

<nav class="navbar navbar-expand-lg navbar-light bg-light">

<a class ="navbar-brand" href = "index.jsp">강의평가웹사이트</a>

<button class = "navbar-toggler"  type ="button" data-toggle="collapse" data-target ="#navbar">

<span class = "navbar-toggler-icon"></span>

</button>

<div id="navbar" class="collapse navbar-collapse">

<ul class="navbar-nav mr-auto">

<li class="nav-item active">

<a class="nav-link" href="index.jsp">메인</a>

</li>

<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" id ="dropdown" data-toggle="dropdown">

회원관리

</a>

<div class="dropdown-menu" aria-labelledby="dropdown">

<a class="dropdown-item " href="#">로그인</a>

<a class="dropdown-item " href="#">회원가입</a>

<a class="dropdown-item " href="#">로그아웃</a>

</div>

</li>

</ul>

<form class="form-inline my-2 my-lg-0">

<input class="form-control mr-sm-2" type="search" placeholder="내용을 입력하세요 " aria-label="search">

<button class="button btn-outline-success my-2 my-sm-0" type ="submit">검색</button>

</form>

</div>

</nav>

<section class = "container">

<form method="get" action="./index.jsp" class="form-inline mt-3">

<select name="LecturDivid" class ="form-control mx-1 mt-2">

<option value ="전체">전체</option>

<option value ="전공">전공</option>

<option value ="교양">교양</option>

<option value ="기타">기타</option>

</select>

<input type ="text" name="search" class="form-control mx-1 mt-2" placeholder="내용을 입력하세요">

<button type="submit" class ="btn btn-primary mx-1 mt-2">검색</button>

<a class="btn btn-primary mx-1 mt-2" data-toggle="modal" href= "#registerModal">등록하기</a>

<a class="btn btn-danger mx-1 mt-2" data-toggle="modal" href= "#reportModal">신고</a>

</form>

</section>

<div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">

<div class="modal-dialog">

<div class ="modal-content">

<div class="modal-header">

<h5 class ="modal-title" id="modal">평가등록</h5>

<button type="button" class="close" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">&times;</span>

</button>

</div>

<div class ="modal-body">

</div>

</div>

</div>

</div>

<!-- 제이쿼리 자바스크립트 추가하기 -->

<script src="./js/jquery.min.js"></script>

<!-- 파퍼 자바스크립트 추가하기 -->

<script src="./js/pooper.js"></script>

<!-- 부트스트랩 자바스크립트 추가하기 -->

<script src="./js/bootstrap.min.js"></script>

</body>

</html>



modal 창이 뜨기는 하나 떳다가 1초만에 바로 사라지는 현상 어떻게 해결할 수 있을까요 ?

0
0
  • 답변 3

  • 코딱지
    32
    2018-05-18 09:27:17

    bootstrap 3.3.7과 4.0 대 버전을 두개를 사용중이신것 같네요.

    0
  • 코딱지
    32
    2018-05-18 09:28:38
    하위에 추가된 스크립트들 제거하시거나 위에 head에 제거하시거나 하시면 될거 같습니다 ~
    0
  • 흑곰티
    30
    2018-05-22 11:38:33

    정말로 감사합니다. ㅠㅠ 하위스크립트들이 경로가 어떻게 된건지 안먹어서 제가 스크립트를 온라인에서 떠서 새로 하나 더 추가해놔서 그게 막고있는거였군요 .. 감사합니다.

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.