5 글 보임 - 1 에서 5 까지 (총 5 중에서)
-
<!doctype html> <html lang="en">
<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <link href="main.css" rel="stylesheet"><title>Hello, world!</title> </head>
<body> <div class="black-bg"> <div class="white-bg"> <h4>로그인하세요</h4> <form> <input> <input> </form> <button class="btn btn-danger" id="close">닫기</button> </div> </div><nav class="navbar navbar-light bg-light"> <div class="container-fluid"> <span class="navbar-brand">Navbar</span> <button class="navbar-toggler" type="button"> <span class="navbar-toggler-icon"></span> </button> </div> </nav><ul class="list-group"> <li class="list-group-item">An Item <li class="list-group-item">A second Item <li class="list-group-item">A third Item <li class="list-group-item">A fourth Item <li class="list-group-item">And a fifth Item<div class="main-bg"> <h4>Shirts on Sale</h4> <button id="login" class="btn btn-danger">로그인</button> </div><script> $('#login').on('click', function(){ $('.black-bg').addClass('show-modal'); }); </script><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> </body>
</html> 위와 같이 코딩했는데
위와같이 on / addClass 에 색상도 적용 안되고,
로그인 버튼을 눌렀을떄 기능 작동도 안됩니다.
자바스크립트로 코딩했을때는 됐는데.. 왜그런건가요..
이렇게 말씀이신가요..? 이렇게해도안됩니다..
\
콘솔 창 보니 이렇게뜨는데...
강사님이랑 똑같이 입력했는데 대체 왜이러는걸까요... 하..5 글 보임 - 1 에서 5 까지 (총 5 중에서)
- 답변은 로그인 후 가능합니다.