При разработке WordPress событие «готовность документа» имеет решающее значение для выполнения кода JavaScript или jQuery после полной загрузки документа. Это гарантирует, что код взаимодействует с элементами HTML только тогда, когда они готовы, предотвращая любые потенциальные проблемы. В этой статье мы рассмотрим семь различных методов реализации функции подготовки документов в WordPress, а также приведем примеры кода.

Метод 1: стандартный JavaScript

document.addEventListener('DOMContentLoaded', function() {
    // Your code here
});

Метод 2: функция jQuery ready

$(document).ready(function() {
    // Your code here
});

Метод 3: сокращенная версия функции jQuery ready

$(function() {
    // Your code here
});

Метод 4. Использование функции wp_enqueue_script

function my_custom_scripts() {
    wp_enqueue_script('my-script', 'path/to/your/script.js', array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'my_custom_scripts');

В вашем файле script.js:

jQuery(document).ready(function($) {
    // Your code here
});

Метод 5: объединение JavaScript с действием wp_footer

function my_custom_scripts() {
    wp_enqueue_script('my-script', 'path/to/your/script.js', array('jquery'), '1.0', true);
}
add_action('wp_footer', 'my_custom_scripts');

В вашем файле script.js:

jQuery(document).ready(function($) {
    // Your code here
});

Метод 6: непосредственное использование действия wp_footer

function my_custom_code() {
    ?>
    <script>
        jQuery(document).ready(function($) {
            // Your code here
        });
    </script>
    <?php
}
add_action('wp_footer', 'my_custom_code');

Метод 7: использование функций wp_register_scriptи wp_enqueue_script

function my_custom_scripts() {
    wp_register_script('my-script', 'path/to/your/script.js', array('jquery'), '1.0', true);
    wp_enqueue_script('my-script');
}
add_action('wp_enqueue_scripts', 'my_custom_scripts');

В вашем файле script.js:

jQuery(document).ready(function($) {
    // Your code here
});

Эти семь методов предоставляют вам различные варианты реализации функциональности готовности документов в ваших проектах разработки WordPress. Предпочитаете ли вы ванильный JavaScript или jQuery или хотите использовать специфичные для WordPress функции, у вас есть множество вариантов, соответствующих вашим потребностям. Реализация соответствующего метода гарантирует, что ваш код JavaScript будет выполняться в нужное время, улучшая взаимодействие с пользователем на вашем веб-сайте WordPress.

Не забудьте выбрать метод, который лучше всего соответствует требованиям вашего проекта, чтобы ваш код был организован и удобен в сопровождении.