jquery 코드를 치면 404 오류가 뜹니다.

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

글쓴이

글

2023년 6월 24일 11:09 #88220

참가자

현재 JavaScript 입문과 웹 UI개발 모달창 만들기와 간단한 애니메이션 강의까지 수강한 상태입니다.
jquery로  $('.hello').hide(); 코딩한 이 부분 이후부터는 어떤 jquery코드를 기입해도 UI가 작동하지 않습니다.

코드는 정확히 기입하고 문법적으로도 틀린 부분도 없고 $('.hello').hide(); 이거 까지는 완벽히 다 잘 돌아갔습니다.

콘솔로 확인해보면 Failed to load resource: the server responded with a status of 404 (Not Found)  위의 문구만 뜨는 상황입니다.  노트북 모델명은 HP Pavilion Laptop 15-eg0xxx입니다.

어떻게 해야 jquery가 다시 작동할까요?

2023년 6월 24일 15:14 #88235

codingapple

키 마스터

코드를 다 올려주십시오

2023년 6월 25일 07:06 #88290

태준

참가자

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link href="main.css" rel="stylesheet">
    <script
    src="https://code.jquery.com/jquery-3.7.0.min.js"
    integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g="
    crossorigin="anonymous"></script>
      
    <title>Hello, world!</title>
  </head>
  <body>
      
      <div class="black-bg">
  <div class="white-bg">
    <h4>로그인하세요</h4>
    <button class="btn btn-danger" id="close">닫기</button>
  </div>
</div> 
      
      
      <button class="logIn-btn">Log in</button>
      
      <script>
        $('logIn-btn').on('click', function() {
            $('.black-bg').fadeIn();
        })
      </script>

    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>

.black-bg {
  width : 100%;
  height : 100%;
  position : fixed;
  background : rgba(0,0,0,0.5);
  z-index : 5; display: none;
  padding: 30px;
}

2023년 6월 25일 09:59 #88296

codingapple

키 마스터

jquery-3.3.1.slim.min 설치파일은 삭제합시다  $('.logIn-btn') 인듯요

글쓴이

글

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

답변은 로그인 후 가능합니다.

로그인

jquery 코드를 치면 404 오류가 뜹니다.

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png