SW/JavaScript

jQuery : WordPress 관리 영역에서 jQuery 사용하는 방법, 예제

얇은생각 2020. 5. 24. 19:30
반응형

jQuery : WordPress 관리 영역에서 jQuery 사용하는 방법, 예제

 

Wordpress 관리 영역에서 코딩 할 때 Javascript가 필요한 일부 기능을 코딩하는 경우가 있습니다. Wordpress에는 jQuery라는 내장 Javascript 라이브러리가 제공됩니다. Javascript 프레임 워크로 Javascript로 거의 모든 작업을 매우 쉽게 수행 할 수 있습니다.

관리 영역에서 작업 할 때 jQuery는 이미 모든 페이지에 포함되어 있으며 고유 한 Javascript 파일에서 사용할 수 있습니다. 그러나 jQuery로 작업 할 때 일부 사람들이 겪는 일반적인 문제가 있으며 이는 $ 기호를 사용하는 것입니다. 대부분의 사람들은 스크립트 태그를 사용하여 파일을 로드하고 $ (document) .ready () 함수를 사용하여 jQuery 코드를 사용하여 jQuery를 사용하는 데 익숙합니다.

 

  $(document).ready(function () {
      $(body).append('Hello World');
  });

 

일반적으로 이 코드는 완벽하게 작동하지만 Wordpress에서는 작동하지 않습니다. 이는 Wordpress jQuery가 자동으로 jQuery.noConflict () 함수를 호출하기 때문입니다.

이것은 원래 호출 한 라이브러리에 $ 기호를 할당합니다. 즉 jQuery 라이브러리를 의미합니다. 즉, 관리 페이지에서 jQuery를 사용하려면 $ 기호를 다음과 같이 jQuery라는 단어로 바꿔야합니다.

 

  jQuery(document).ready(function () {
      jQuery(body).append('Hello World');
  });

 

이것의 문제는 사용할 때마다 전체 단어 jQuery를 입력해야한다는 것입니다. $를 사용하는 데 익숙하지 않으면 성 가실 수 있으므로 jQuery 라이브러리와 동일한 것을 사용하고 jQuery를 호출 할 수 있습니다.

noConflict (); 함수를 이렇게 활용하면 jQuery 라이브러리 객체를 원하는 변수로 설정할 수 있습니다. 이 방법으로 jQuery를 사용할 때 변수 $ j를 선호합니다.

 

$j=jQuery.noConflict();

$j(document).ready(function() {
     $j(body).append('Hello World');
});

 

이제 Wordpress 관리 영역 내에서 작성된 페이지에서 jQuery를 사용할 수 있습니다.

반응형