Jquery_load method는 콜백함수 사용!

Youmi Choi (Blake)·2021년 12월 15일
0

JS

목록 보기
13/13
post-thumbnail
  

콜백함수란

로드메서드란

여러페이지에서 동일한 footer나 header를 사용하는 경우가 많은데
이때 매번 반복하여 작성하기 보다는 html파일을 따로 만들어놓고
load하여 사용하면 유용하다고 함.

      // No Call Back Function
  $('.header-include').load('header.html')
  $('.footer-include').load('footer.html')
  $('header h1').click(function(){
    alert('Hello World')
  })

  // Yes Call Back Function
  /*$('.header-include').load('header.html', function(){
    $('header h1').click(function(){
      alert('Hello World')
    })
  })
  $('.footer-include').load('footer.html')*/

제이쿼리의 load 메서드는 콜백함수를 사용해야 작동하는 것을 알게됨.

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

새로 접한 css calc :

속성을 계산식으로 사용할 수 있는 것.
height: calc(100vh - 200px);
line-height: calc(100vh - 200px);

   마이너스 앞 뒤는 띄어쓰기 반드시 해야함.
  
  
profile
꾸준함을 통해 완벽을 추구합니다.

0개의 댓글