Содержание
Как вы могли заметить во время разработки WordPress , иногда очень трудно понять, как правильно поставить скрипт в очередь ?
Должен ли я просто добавить скрипт внизу страницы в нижнем колонтитуле? Должен ли я добавить скрипт в header сайта WordPress? Ну, есть некоторые стандарты, установленные фреймворком WordPress, которым должен следовать каждый.
В этом уроке мы рассмотрим, как ставить скрипт в очередь Typed.min.js правильный путь к вашей теме WordPress и исправить Uncaught TypeError: $ is not a function Ошибка jQuery.
Этот урок поможет вам, если у вас есть какие-либо из следующих вопросов:
- Как правильно добавить JavaScripts и стили в WordPress
- Как поставить в очередь скрипты и стили в WordPress?
- Загрузка CSS и JavaScript в WordPress в правильном направлении
Давайте сначала разберемся с сценарием:
Для моего другого премиум- сайта я хотел использовать Typed.min.js с правильными опциями в WordPress.
Работая над настройкой эффекта выше, я обнаружил странную ошибку, с которой я никогда не сталкивался. Посмотрите на эту ошибку ниже:
Выше ошибка произошла, прежде чем неправильный способ включить JQuery на мой сайт.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<скрипт>
$ ( function ( ) {
$ ( .element ) . набрал ( {
строки : [ «App Shah …» , «Инженер (MS) …» , «Любитель WordPress …» , Java-разработчик … ] ,
typeSpeed : 100 ,
Задняя задержка : 3000 ,
цикл : правда
} ) ;
} ) ;
|
После — Правильный способ поставить скрипт в functions.php
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
функция typed_script_init ( ) {
wp_enqueue_script ( 'typedJS' , https://pro.crunchify.com/typed.min.js , массив ( 'jquery' ) ) ;
}
add_action ( 'wp_enqueue_scripts' , 'typed_script_init' ) ;
функция typed_init ( ) {
эхо ' <скрипт>
jQuery ( функция ( $ ) {
$ ( .element ) . набрал ( {
строки : [ «App Shah …» , «Инженер (MS) …» , «Любитель WordPress …» , Java-разработчик … ] ,
typeSpeed : 100 ,
Задняя задержка : 1000 ,
цикл : правда
} ) ;
} ) ; ' ;
}
add_action ( 'wp_footer' , 'typed_init' ) ;
|
В приведенном выше коде есть две вещи:
- Прежде всего мы используем
wp_enqueue_scriptфункция, которая имеет 3-й параметр для использования jQuery, загруженного с WordPress. Нет необходимости добавлять jQuery вручную . Это правильный способ поставить скрипт в WordPress. - Мы также изменили функцию
$(function(){вjQuery(function($){Для того, чтобы исправитьUncaught TypeError: $ is not a functionошибка.
Надеюсь, что это поможет вам исправить и поставить в очередь ошибку jQuery на вашем сайте.
0.00 (0%) 0 votes
