Como eu uso o jQuery do WP?

4

Estou tentando aprender o desenvolvimento do tema do WP. E eu acabei de aprender que o WP já tem uma versão do jQuery incluída. Até agora eu tenho usado o jQuery do CDN do Google.

Então, acabei de excluir o link CDN do meu código. E, claro, todo o meu código jQuery parou de funcionar.

Então eu acho que estou perdendo alguma coisa. O que eu preciso fazer se eu quiser usar o jQuery local do WordPress?

Quando pesquiso o SEQA e o Google, tudo que consigo encontrar é como cancelar o registro da versão jQuery local e, em seguida, registrar o CDN. Mas isso não é o que eu quero fazer. Eu quero usar o jQuery local.

Então, o que estou perdendo?

    
por Alex 02.09.2015 / 17:16

2 respostas

4

O jQuery do WP não está mapeado para $ , como você pode esperar, ele está carregado no modo noConflict , então você precisará usar jQuery() em vez de $() , a menos que você mesmo mapeie.

Quando você incluir o seu arquivo js, você vai querer ter certeza de configurar o jQuery como uma dependência também:

wp_enqueue_script( 'your-script-handle', get_stylesheet_directory_uri() . '/js/your-script.js', array( 'jquery' ), '1.0.0' );
    
por totels 02.09.2015 / 17:40
1

Para enfileirar o jQuery a partir da instalação do WP, você pode:

function custom_enqueue_scripts() {
    // Jquery enqueue
    wp_enqueue_script('jquery');
}

add_action('wp_enqueue_scripts', 'custom_enqueue_scripts');

Além disso, usando esse truque você pode enfileirar o jQuery no rodapé ( wp_footer )

function custom_enqueue_scripts() {
    // Jquery - to the footer of template
    wp_deregister_script('jquery');
    wp_register_script('jquery', includes_url('/js/jquery/jquery.js'), false, NULL, true);
    wp_enqueue_script('jquery');
}

add_action('wp_enqueue_scripts', 'custom_enqueue_scripts');

UPDATE

Expandindo a resposta.

Usando wp_register_script , você pode registrar seus scripts personalizados. Depois, eles podem ser wp_enqueue_script pelo $handler .

Geralmente, ele oferece um benefício de redução do tamanho do código [Resposta relacionada] , mas eu gostaria de enfatizar sua atenção em scripts pré-registrados WordPress (local em seu significado).

Visite esta Página do Codex [Lidar com seus Manuais de Script Registrados pelo WordPress] . Lá você encontrará um $handler para jQuery UI e outras coisas úteis, que você pode enfileirar como no exemplo acima.

    
por Ignat B. 02.09.2015 / 17:31

Tags