Проблемы с оповещением JavaScript при разработке темы WordPress (Blocksy)Php

Кемеровские программисты php общаются здесь
Ответить
Anonymous
 Проблемы с оповещением JavaScript при разработке темы WordPress (Blocksy)

Сообщение Anonymous »

Я хочу разработать что-нибудь для WordPress, используя тему Blocksy.
Во-первых, я хочу проверить, правильно ли работают мои HTML и JavaScript, создав простую кнопку ввода. >
Сначала я протестировал это в VScode. Когда пользователь вводит адрес электронной почты и нажимает кнопку «Отправить», на веб-странице должно отображаться предупреждение «Привет от JavaScript!»
Вот мой код:
HTML (только часть тела):

Код: Выделить всё

Enter Email Address




index.js:

Код: Выделить всё

document.addEventListener('DOMContentLoaded', function () {
document.getElementById("useremail").onclick = function() {
alert("Hello from JavaScript!");
};
});
После тестирования в VScode и подтверждения его работы я попробовал тот же код в WordPress. Однако, что бы я ни пытался, предупреждающее сообщение не появляется после нажатия кнопки «Отправить».
Я прочитал много статей, но так и не нашел решения. Вот шаги, которые я выполнил:
  • откройте страницу редактирования сообщения.
  • Загрузите "email-script.js" на «/wp-content/themes/blocksy/static/js/», поэтому путь — «/wp-content/themes/blocksy/static/js/email-script.js».
    < /ол>

    Код: Выделить всё

    document.addEventListener('DOMContentLoaded', function () {
    console.log("Document ready! Kuan");
    console.log("hello kuan");
    document.getElementById("useremail").onclick = function() {
    alert("Hello from JavaScript!");
    };
    });
    
  • Добавьте собственный блок HTML и вставьте код (изменен src на мой собственный путь JavaScript в соответствии с моим блочным путем):

Код: Выделить всё

Enter Email Address




  • Добавлен следующий код в "/wp-content/themes/blocksy/functions.php":

Код: Выделить всё

function load_custom_scripts() {
wp_enqueue_script('custom-email-script', get_template_directory_uri() . '/static/js/email-script.js', array(), false, true);
}

add_action('wp_enqueue_scripts', 'load_custom_scripts');
Консоль проверил, ошибок нет. Есть ли что-то, что мне не хватает?

Подробнее здесь: https://stackoverflow.com/questions/783 ... evelopment
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Php»