Как я могу сделать мой яваскрипт работу с wp_enqueue_script?

голоса
0

Я скачал бесплатную тему HTML5, что я пытаюсь адаптировать его к Wordpress. CSS работает отлично, но не в JavaScript.

Я в основном попробовал все, но ни один из них не работает. Javascript, кажется, загрузка, как я могу войти каждый JS файл в консоли, но ни один из ожидаемого поведения не происходит (скроллинг, например). Проблема заключается в том, что браузер не мой, так что я не очень понимаю, как это работает. Но на оригинальную тему HTML5, все работает нормально, так оно и должно работать с Wordpress.

Я загрузка 6 файлов сценарии в functions.php, все они в сноске. Они загружают в правильном порядке (я регистрирую их в консоли):

  wp_enqueue_script('jquery.min', get_template_directory_uri() . '/js/jquery.min.js',$in_footer = true);
  wp_enqueue_script('scrolly', get_template_directory_uri() . '/js/jquery.scrolly.min.js', $in_footer = true);
  wp_enqueue_script('browser', get_template_directory_uri() . '/js/browser.min.js', $in_footer = true);
  wp_enqueue_script('breakpoints', get_template_directory_uri() . '/js/breakpoints.min.js', $in_footer = true);
  wp_enqueue_script('util', get_template_directory_uri() . '/js/util.js', $in_footer = true);
  wp_enqueue_script('main', get_template_directory_uri() . '/js/main.js',$in_footer = true);
}


add_action('wp_enqueue_scripts', 'paradigm_scripts');

Это мой файл переднего page.php:

<ul class=actions>
   <li>
      <a href=#first class=arrow scrolly><span class=label>Next</span></a>
   </li>
</ul>

При нажатии на Next, это означало для прокрутки, но это не так, он просто идет к якорю, без прокрутки.

Задан 09/10/2019 в 12:53
источник пользователем
На других языках...                            


2 ответов

голоса
0

Вы на самом деле добавление два файла JQuery. Первый файл добавляется Enqueue функции, как показано ниже.

wp_enqueue_script('jquery.min', get_template_directory_uri() . '/js/jquery.min.js',$in_footer = true);

Во-вторых WordPress встроенного JQuery файл добавляется, потому что вы дали зависимость как «JQuery» в качестве третьего параметра (массив ( «Jquery»)) из Епдиеих функций.

Решение

Только добавить файл файл, упоминая зависимость или путем добавления ваших JS-файл вручную.

Кроме того, вызовите функцию Enqueue, как показано ниже.

 wp_enqueue_script('scrolly', get_template_directory_uri() . '/js/jquery.scrolly.min.js',array('jquery'),'',true);

Первый параметр является дескриптором файла JS, второй является путь, третья зависимость идентификатора, четвёртая версия является и 5-й погода вы хотите добавить скрипты в сноске. Последний параметр принимает только истинное / ложное значение.

Убедитесь, что вы уже разместили все ваши скрипты файлы в корневой / WP-содержание / Темы / THEME_NAME / JS / директории.

Ответил 09/10/2019 в 13:24
источник пользователем

голоса
0

Попробуйте следующий код:

function paradigm_scripts(){
    wp_enqueue_script('scrolly', get_template_directory_uri() . '/js/jquery.scrolly.min.js',array( 'jquery' ), '1.0.0' true);
    wp_enqueue_script('browser', get_template_directory_uri() . '/js/browser.min.js',array( 'jquery' ), '1.0.0' true);
    wp_enqueue_script('breakpoints', get_template_directory_uri() . '/js/breakpoints.min.js',array( 'jquery' ), '1.0.0' true);
    wp_enqueue_script('util', get_template_directory_uri() . '/js/util.js',array( 'jquery' ), '1.0.0' true);
    wp_enqueue_script('main', get_template_directory_uri() . '/js/main.js', array( 'jquery' ), '1.0.0' true);
}

массив ( «JQuery») являются зависимостями, что вы можете установить до вашей потребности. «1.0.0» является версия, что вы можете либо оставить пустым или вы можете написать свою собственную версию

Также двойная проверка если ваш колонтитул имеет , wp_footer();прежде чем закрыть </body>тег

Я удалил jquery.min.js первую линию, которая уже включена на WP. Если они не включены вам просто необходимо упомянуть зависимость в то время как вы епдиеие сценарий.

Ответил 09/10/2019 в 13:22
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more