WordPress 플러그인 개발 - JQuery / JavaScript 사용방법

WordPress 플러그인 개발 - JQuery / JavaScript 사용방법

WordPress용 플러그인 개발을 막 시작했는데 플러그인 관리 인터페이스에서 JQuery를 사용하려고 합니다.

JQuery를 적절하게 포함 및 호출하려면 어떻게 해야 합니까?

예를 들어 일반 HTML 페이지에서는 JQuery 라이브러리를 포함하면 다음 스크립트를 호출할 수 있습니다.

$(document).ready(function(){
    alert('Hello World!');
});

WordPress Plugin PHP 파일에서 이 작업을 수행하려면 어떻게 해야 합니까?

먼저 Wordpress에서는 항상 충돌 없는 래퍼를 사용해야 합니다.그러면 코드는 다음과 같습니다.

jQuery(document).ready(function($){
    alert('Hello World!');
});

둘째, javascript를 외부 파일에 넣는 것이 좋습니다.Wordpress 플러그인에는 다음과 같은 것이 포함됩니다.

wp_register_script( 'my_plugin_script', plugins_url('/my_plugin.js', __FILE__), array('jquery'));

wp_enqueue_script( 'my_plugin_script' );

여기에는 스크립트가 포함되어 jQuery가 종속적으로 설정되므로 Wordpress는 아직 로드되지 않은 경우 jQuery를 자동으로 로드하여 한 번만 로드되고 플러그인 스크립트 전에 로드되는지 확인합니다.

또한 관리 페이지에서 스크립트만 필요한 경우 Wordpress add_action 핸들러를 사용하여 조건부로 로드할 수 있습니다.

add_action( 'admin_menu', 'my_admin_plugin' );

function my_admin_plugin() {
    wp_register_script( 'my_plugin_script', plugins_url('/my_plugin.js', __FILE__), array('jquery'));
    wp_enqueue_script( 'my_plugin_script' );

    // do admin stuff here
}

사용자 고유의 jquery 버전을 사용하지 않는 것이 좋습니다.

WordPress는 자체 버전의 jquery와 많은 유사한 JS 파일을 포함하며, 이 파일들은 모두 WP와 가장 일반적인 플러그인으로 엄격하게 테스트되었다.사용자에게 최고의 호환성과 경험을 제공하기 위해 자체 패키지화(특히 이전 버전 아님)하지 말고 wp_enqueue_script()를 사용하여 WordPress 버전을 불러올 것을 요청합니다.

따라서 대신 다음을 사용해야 합니다.

wp_enqueue_script('jquery')

언급URL : https://stackoverflow.com/questions/16823679/wordpress-plugin-development-how-to-use-jquery-javascript